*{box-sizing:border-box}
a{text-decoration:none !important;}
body{margin:0;background:#fff;font-family:'Inter',Arial,sans-serif;color:#111827;font-size:14px}
.crm-header{height:47px;background:#f8fbfc;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;padding:0 13px;gap:18px}
.crm-brand{display:flex;align-items:center;gap:9px;width:110px}
.crm-brand .brand-icon{font-size:25px;color:var(--tb-accent);line-height:1}
.crm-brand .brand-name{font-size:16px;font-weight:500;color:#111827}
.crm-search{height:100%;display:flex;align-items:center}
.search-filter{height:32px;min-width:66px;border:1px solid #d7e0e8;border-right:0;background:#fff;border-radius:18px 0 0 18px;font-size:13px;color:#111827;display:flex;align-items:center;justify-content:center;gap:8px}
.search-filter i{font-size:9px;color:#64748b}
.search-box{width:285px;height:34px;background:#fff;border:1px solid #d7e0e8;border-radius:0 20px 20px 0;display:flex;align-items:center;padding:0 13px}
.search-box input{width:100%;border:0;outline:0;font-size:13px;color:#111827;background:transparent}
.search-box i{font-size:16px;color:#7b8794}
.header-right{margin-left:auto;display:flex;align-items:center;gap:12px;height:100%}
.plan-text{font-size:14px;color:#1f2937;white-space:nowrap}
.plan-text span{color:#2463d8;font-weight:600}
.top-add{width:25px;height:25px;border:0;background:var(--tb-accent);color:#fff;border-radius:2px;font-size:16px;display:flex;align-items:center;justify-content:center}
.top-icon{width:22px;height:22px;border:0;background:transparent;color:#64748b;font-size:16px;display:flex;align-items:center;justify-content:center}
.profile-badge{width:30px;height:30px;border-radius:50%;background:#8bd19b;color:#0f5132;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.crm-layout{height:calc(100vh - 47px);display:flex;background:#fff}
.main-menu{width:64px;background:#f5fafc;border-right:1px solid #dfe7ef;display:flex;flex-direction:column;align-items:center}
.main-menu-item{width:64px;height:64px;text-decoration:none;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;font-size:11px;font-weight:500;position:relative}
.main-menu-item i{font-size:17px;color:#526173}
.main-menu-item span{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-menu-item.active{background:var(--tb-accent);color:#fff}
.main-menu-item.active i{color:#fff}
.sub-menu{width:220px;background:#fff;border-right:1px solid #dfe7ef;padding:18px 16px}
.sub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sub-head h4{font-size:15px;font-weight:600;margin:0;color:#111827}
.sub-head button{width:24px;height:24px;border:0;border-radius:50%;background:#dce8f1;color:#536575;display:flex;align-items:center;justify-content:center;font-size:14px}
.pipeline-tab{height:32px;border-radius:4px;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:600;color:#111827;margin-bottom:18px}
.pipeline-tab i{font-size:14px;color:#111827}
.pipeline-tab.active{background:#d9edf8}
.template-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:13px}
.template-item{display:flex;align-items:center;gap:11px;height:34px;font-size:15px;font-weight:600;color:#111827}
.template-item i{font-size:13px;color:#475569}
.content-area{flex:1;min-width:0;background:#fff}
.content-toolbar{height:57px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px}
.left-tools{display:flex;align-items:center;gap:18px}
.filter-round{width:32px;height:32px;border:0;border-radius:50%;background:var(--tb-accent-soft);color:var(--tb-accent);font-size:20px;display:flex;align-items:center;justify-content:center}
.view-select{height:34px;border:1px solid #cbd5e1;background:#fff;border-radius:18px;padding:0 17px;font-size:14px;font-weight:600;color:#111827;display:flex;align-items:center;gap:13px}
.view-select i{font-size:9px;color:#64748b}
.right-tools{display:flex;align-items:center;gap:9px}
.view-toggle{height:32px;border-radius:17px;background:#edf4f8;display:flex;align-items:center;padding:0 3px;gap:2px}
.view-toggle button{width:27px;height:27px;border:0;background:transparent;border-radius:50%;color:#64748b;font-size:15px;display:flex;align-items:center;justify-content:center}
.view-toggle button.active{background:#d7ecf6;color:#334155}
.create-btn{height:34px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;padding:0 15px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.create-btn i{font-size:15px}
.create-btn i:last-child{font-size:9px;margin-left:2px}
.more-btn{width:32px;height:32px;border:0;border-radius:50%;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:17px}
.table-wrap{width:100%;overflow:auto}
.crm-table{width:100%;border-collapse:collapse;table-layout:auto}
.crm-table thead th{height:33px;background:#fff;border-bottom:1px solid #dfe7ef;border-right:1px solid #e5edf3;color:#111827;font-size:13px;font-weight:600;text-align:left;padding:0 14px;white-space:nowrap}
.crm-table tbody td{height:40px;border-bottom:1px solid #ecf1f5;border-right:1px solid #ecf1f5;color:#111827;font-size:14px;font-weight:500;padding:0 14px;white-space:nowrap;vertical-align:middle}
.crm-table th.check-col{width:42px;text-align:center;padding:0}
.crm-table td:first-child{width:42px;text-align:center;padding:0}
.crm-table input[type="checkbox"]{width:16px;height:16px;border:1px solid #cbd5e1;accent-color:var(--tb-accent)}
.crm-table .title{font-weight:600}
.stage-line{width:40px;height:4px;border-radius:4px;display:inline-block;margin-right:13px;vertical-align:middle;background:#e2e8f0;position:relative}
.stage-line:before{content:'';position:absolute;left:0;top:0;height:4px;border-radius:4px}
.stage-line.blue:before{width:7px;background:#88c8ef}
.stage-line.sky:before{width:20px;background:#88c8ef}
.owner-dot{width:22px;height:22px;border-radius:50%;background:#93d8a7;color:#0f5132;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;margin-right:7px}
.action-col{width:38px;text-align:center;color:#64748b}
.action-col i{font-size:16px;color:#64748b}
.right-drawer-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(17,24,39,.68);z-index:1040;opacity:0;visibility:hidden;transition:.25s}
.right-drawer-overlay.show{opacity:1;visibility:visible}
.right-drawer{position:fixed;right:-760px;top:0;height:100vh;width:640px;background:#fff;z-index:1041;box-shadow:-8px 0 20px rgba(15,23,42,.16);transition:.28s;display:flex;flex-direction:column;border-top:3px solid var(--tb-accent)}
.right-drawer.show{right:0}
.right-drawer-header{height:56px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;padding:0 30px}
.right-drawer-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}
.right-drawer-close{width:30px;height:30px;border:0;background:transparent;color:#6b7280;font-size:28px;line-height:28px;display:flex;align-items:center;justify-content:center}
.right-drawer-body{flex:1;overflow-y:auto;background:#fff}
.drawer-loader{height:200px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#64748b}
.drawer-form{min-height:calc(100vh - 59px);display:flex;flex-direction:column;padding:24px 32px 0}
.drawer-top-owner{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.drawer-section-title{font-size:18px;font-weight:600;color:#1f2937;white-space:nowrap}
.owner-field{display:flex;align-items:center;gap:14px}
.owner-field label{font-size:16px;font-weight:500;color:#1f2937;margin:0;white-space:nowrap}
.owner-select{height:34px;min-width:225px;border:1px solid #cbd5e1;background:#f8fbfc;border-radius:18px;padding:0 12px;font-size:15px;color:#1f2937;display:flex;align-items:center;gap:7px}
.owner-select span{width:22px;height:22px;border-radius:50%;background:#93d8a7;color:#0f5132;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.owner-select i{font-size:11px;color:#64748b;margin-left:auto}
.drawer-field-row{display:flex;align-items:flex-start;margin-bottom:21px;position:relative}
.drawer-field-row label{width:160px;min-width:160px;text-align:right;padding:9px 20px 0 0;font-size:15px;font-weight:400;color:#2b2f36;margin:0;white-space:nowrap}
.drawer-field-row.required:before{display:none}
.drawer-control{width:100%;height:39px;border:1px solid #bfcbd7;border-radius:3px;background:#fff;color:#111827;font-size:15px;padding:0 14px;outline:0}
.drawer-field-row.required>.drawer-control{border-left:2px solid #ff6b73}
.drawer-field-row.required .drawer-input-icon .drawer-control{border-left:2px solid #ff6b73}
.drawer-control:focus{border-color:var(--tb-accent);box-shadow:none}
.drawer-field-row.required>.drawer-control:focus{border-left-color:#ff6b73;border-top-color:var(--tb-accent);border-right-color:var(--tb-accent);border-bottom-color:var(--tb-accent)}
.drawer-field-row.required .drawer-input-icon .drawer-control:focus{border-left-color:#ff6b73;border-top-color:var(--tb-accent);border-right-color:var(--tb-accent);border-bottom-color:var(--tb-accent)}
.drawer-field-row textarea.drawer-control{height:40px;padding:9px 14px;resize:vertical}
.drawer-field-row select.drawer-control{color:#666;background:#fff}
.drawer-input-icon{flex:1;position:relative;display:flex;align-items:center}
.drawer-input-icon .drawer-control{padding-right:40px}
.drawer-input-icon i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:18px;color:#6b7280}
.drawer-input-icon .currency-symbol{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#4b5563}
.drawer-input-icon.outside-add{padding-right:34px}
.drawer-input-icon.outside-add i{right:47px}
.small-add-btn{position:absolute;right:0;top:8px;width:20px;height:20px;border:1px solid #9ca3af;background:#fff;border-radius:50%;color:#6b7280;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0}
.small-add-btn i{position:static;transform:none;font-size:12px}
.drawer-products-box{height:36px;background:#fbfcfe;margin:29px 0 0 0;display:flex;align-items:center;padding-left:14px}
.drawer-products-box button{border:0;background:transparent;color:#0b63c7;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;padding:0}
.drawer-products-box button i{font-size:15px}
.drawer-footer{height:58px;border-top:1px solid #edf1f5;background:#fff;margin:0 -32px 0;display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:sticky;bottom:0;margin-top:auto; justify-content: end;}
.customize-fields{font-size:15px;color:#0b63c7;text-decoration:none;font-weight:500}
.drawer-footer-actions{display:flex;align-items:center;gap:8px}
.drawer-cancel{height:39px;min-width:88px;border:1px solid #d5dde6;background:#fff;color:#111827;border-radius:20px;font-size:15px;font-weight:600}
.drawer-save{height:39px;min-width:74px;border:0;background:var(--tb-accent);color:#fff;border-radius:20px;font-size:15px;font-weight:600}
@media(max-width:991px){.sub-menu{display:none}.crm-search{display:none}.plan-text{display:none}.main-menu{width:58px}.main-menu-item{width:58px}.content-toolbar{padding:0 10px}.crm-table{min-width:1200px}}
@media(max-width:767px){.right-drawer{width:100%;right:-100%}.drawer-form{padding:22px 18px 0}.drawer-top-owner{display:block}.owner-field{margin-top:14px}.drawer-field-row{display:block}.drawer-field-row label{width:100%;min-width:100%;text-align:left;padding:0 0 7px}.drawer-footer{margin-left:-18px;margin-right:-18px;padding:0 18px}}
.right-drawer{overflow:hidden}
.right-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff}
.create-record-popup{width:100%;height:auto;min-height:0;background:#fff;overflow:hidden}
.create-record-list{width:100%;height:auto;background:#fff;overflow:hidden}
.create-record-group{width:100%;height:44px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:13px;padding:0 26px;font-size:15px;font-weight:600;color:#111827;overflow:hidden}
.create-record-group.active{background:#dceefb}
.create-record-group i{font-size:20px;color:#526173;width:22px;min-width:22px;text-align:center}
.create-record-group span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.create-record-item{width:100%;height:44px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:13px;padding:0 26px;text-decoration:none;font-size:15px;font-weight:600;color:#2b2f36;background:#fff;overflow:hidden}
.create-record-item:hover{background:#f8fbfc;color:#111827}
.create-record-item i{font-size:19px;color:#64748b;width:22px;min-width:22px;text-align:center}
.create-record-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.create-record-item small{font-size:14px;color:#4b5563;font-weight:400;white-space:nowrap}
.create-record-item.sub-item{padding-left:61px}
.create-record-item.sub-item i{font-size:14px;width:16px;min-width:16px}
*{box-sizing:border-box}
body{margin:0;background:#f7fbfc;font-family:'Inter',Arial,sans-serif;color:#111827;font-size:14px}
.login-page{width:100%;min-height:100vh;display:flex;background:#fff}
.login-left{width:52%;min-height:100vh;background:linear-gradient(135deg,var(--tb-accent) 0%,var(--tb-accent) 48%,#063b3b 100%);padding:38px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.login-left:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);right:-130px;top:-120px}
.login-left:after{content:'';position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(255,255,255,.06);left:-90px;bottom:-90px}
.login-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.login-logo{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.login-brand h1{margin:0;color:#fff;font-size:22px;font-weight:600;letter-spacing:.2px}
.login-brand p{margin:2px 0 0;color:rgba(255,255,255,.72);font-size:13px;font-weight:500}
.login-content{max-width:560px;margin:auto 0;position:relative;z-index:2}
.login-content h2{margin:0 0 18px;color:#fff;font-size:42px;line-height:1.18;font-weight:600;letter-spacing:-1px}
.login-content p{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;font-weight:400}
.login-points{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.login-points div{display:flex;align-items:center;gap:11px;color:#fff;font-size:15px;font-weight:600}
.login-points span{width:8px;height:8px;border-radius:50%;background:#9ff5df;display:block}
.login-right{width:48%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fbfc;padding:34px}
.login-card{width:100%;max-width:430px;background:#fff;border:1px solid #e3ebf2;border-radius:20px;box-shadow:0 18px 50px rgba(15,23,42,.08);padding:38px}
.mobile-brand{display:none}
.login-title{margin-bottom:28px}
.login-title h3{margin:0;color:#111827;font-size:28px;font-weight:600;letter-spacing:-.4px}
.login-title p{margin:8px 0 0;color:#64748b;font-size:14px;font-weight:500}
.login-form{width:100%}
.form-group{margin-bottom:18px}
.form-group label{display:block;margin-bottom:8px;color:#1f2937;font-size:14px;font-weight:600}
.form-control{height:44px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font-size:14px;font-weight:500;padding:0 13px;box-shadow:none}
.form-control:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.1)}
.password-box{position:relative}
.password-box .form-control{padding-right:45px}
.password-box button{position:absolute;right:8px;top:7px;width:30px;height:30px;border:0;background:transparent;color:#64748b;font-size:16px;display:flex;align-items:center;justify-content:center}
.login-options{display:flex;align-items:center;justify-content:space-between;margin:2px 0 24px}
.login-options label{display:flex;align-items:center;gap:8px;margin:0;color:#475569;font-size:13px;font-weight:500}
.login-options input{width:15px;height:15px;accent-color:var(--tb-accent)}
.login-options a{color:#006fbd;text-decoration:none;font-size:13px;font-weight:600}
.login-btn{width:100%;height:44px;border:0;border-radius:22px;background:var(--tb-accent);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center}
.login-btn:hover{background:var(--tb-accent)}
.login-footer-text{margin-top:28px;text-align:center;color:#94a3b8;font-size:12px;font-weight:500}
@media(max-width:991px){.login-left{display:none}.login-right{width:100%;padding:24px}.login-card{max-width:420px}.mobile-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.mobile-brand .login-logo{background:var(--tb-accent);color:#fff}.mobile-brand h1{margin:0;color:#111827;font-size:20px;font-weight:600}}
@media(max-width:575px){.login-right{padding:16px;background:#fff}.login-card{border:0;box-shadow:none;border-radius:0;padding:20px}.login-title h3{font-size:25px}.login-options{align-items:flex-start;gap:10px;flex-direction:column}}

.profile-badge{cursor:pointer}
.right-drawer.hide-drawer-header .right-drawer-header{display:none}
.right-drawer.hide-drawer-header .right-drawer-body{height:100vh;overflow-y:auto;overflow-x:hidden}
.profile-drawer{min-height:100vh;background:#fff;color:#1f2937}
.profile-drawer-top{min-height:142px;background:#f8fbfc;background-image:linear-gradient(30deg,rgba(15,23,42,.03) 12%,transparent 12.5%,transparent 87%,rgba(15,23,42,.03) 87.5%,rgba(15,23,42,.03)),linear-gradient(150deg,rgba(15,23,42,.03) 12%,transparent 12.5%,transparent 87%,rgba(15,23,42,.03) 87.5%,rgba(15,23,42,.03));background-size:32px 56px;position:relative;display:flex;gap:22px;padding:26px 34px;}
.profile-close{position:absolute;right:18px;top:18px;width:26px;height:26px;border:0;background:#eef3f7;color:#64748b;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center}
.profile-avatar{width:70px;height:70px;border-radius:50%;background:#b9f1c6;color:#123b2d;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:0 0 auto}
.profile-info{padding-top:0;min-width:0}
.profile-info h3{margin:0 0 8px;color:#1f2937;font-size:19px;line-height:22px;font-weight:600;max-width:250px}
.profile-user-id{display:flex;align-items:center;gap:8px;color:#1f2937;font-size:14px;font-weight:500;margin-bottom:6px}
.profile-user-id button{width:20px;height:20px;border:0;background:transparent;color:#475569;font-size:15px;display:flex;align-items:center;justify-content:center}
.profile-role{font-size:14px;color:#64748b;font-weight:500;margin-bottom:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}
.profile-links{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.profile-links a{color:#0b63c7;text-decoration:none}
.profile-links span{width:3px;height:3px;border-radius:50%;background:#cbd5e1}
.profile-links .signout{color:#ef4444}
.profile-section{padding:18px 34px 0}
.profile-section h4{margin:0 0 14px;color:#1f2937;font-size:16px;font-weight:600}
.profile-org-row{display:flex;align-items:center;gap:12px;min-height:38px}
.org-avatar{width:34px;height:34px;border-radius:50%;background:#ccefeb;color:#334155;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:0 0 auto}
.org-name{font-size:15px;font-weight:600;color:#1f2937}
.org-status{font-size:13px;font-weight:500;color:#64748b;margin-top:2px}
.profile-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.profile-menu-list a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#2b2f36;font-size:15px;font-weight:400;min-width:0}
.profile-menu-list i{width:18px;font-size:18px;color:#64748b;text-align:center}
.profile-menu-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-license{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-license div{border:1px solid #e5edf3;border-radius:10px;background:#fbfcfe;padding:12px}
.profile-license span{display:block;font-size:12px;color:#64748b;font-weight:500;margin-bottom:5px}
.profile-license strong{display:block;font-size:15px;color:#1f2937;font-weight:600}
.profile-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;padding-top:3px}
.profile-help-grid a{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none;color:#2b2f36;font-size:15px;font-weight:400}
.profile-help-grid i{width:18px;font-size:18px;color:#64748b;text-align:center}
.profile-help-grid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:575px){.profile-drawer-top{padding:24px 22px}.profile-section{padding-left:22px;padding-right:22px}.profile-menu-list{grid-template-columns:1fr}.profile-help-grid{grid-template-columns:1fr;gap:16px}.profile-info h3{font-size:18px}}
.main-menu-item span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipeline-tab,.template-item{cursor:pointer;text-decoration:none;color:inherit}
.pipeline-tab.active{background:var(--tb-accent-soft);color:var(--tb-accent)}
.template-item.active{background:#f5f7f9;color:#111827}
.sub-menu a{text-decoration:none}
.settings-layout{width:100%;height:calc(100vh - 47px);display:flex;background:#fff}
.settings-left{width:220px;background:#fff;border-right:1px solid #dfe7ef;padding:8px 8px 18px;flex:0 0 220px}
.settings-title{height:32px;display:flex;align-items:center;font-size:15px;font-weight:600;color:#111827;padding:0 8px;margin-bottom:3px}
.settings-left-link{height:36px;border-radius:4px;display:flex;align-items:center;color:#111827;text-decoration:none;font-size:14px;font-weight:500;padding:0 10px;margin-bottom:2px}
.settings-left-link:hover{background:#eef6fa;color:#111827}
.settings-left-link.active{background:#dceefb;color:#111827;font-weight:600}
.settings-group-title{height:28px;display:flex;align-items:end;color:#111827;font-size:14px;font-weight:600;padding:0 10px;margin:16px 0 5px}
.settings-main{flex:1;min-width:0;background:#fff}
.settings-top{height:47px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.settings-tabs{height:47px;display:flex;align-items:center;gap:24px}
.settings-tab{height:47px;display:flex;align-items:center;border-bottom:3px solid transparent;color:#111827;text-decoration:none;font-size:14px;font-weight:500;padding:0 8px}
.settings-tab:hover{color:var(--tb-accent)}
.settings-tab.active{border-bottom-color:var(--tb-accent);color:#111827;font-weight:600}
.settings-page-heading{font-size:15px;font-weight:600;color:#111827}
.settings-help{display:flex;align-items:center;gap:14px}
.settings-help a{display:flex;align-items:center;gap:6px;color:#334155;text-decoration:none;font-size:13px;font-weight:500}
.settings-help button{width:28px;height:28px;border:0;border-radius:50%;background:#dce5ec;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:15px}
.settings-content-box{width:100%;height:calc(100vh - 94px);overflow:auto;background:#fff}
.settings-user-page{width:100%;background:#fff}
.settings-user-toolbar{height:70px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.settings-status-tabs{height:34px;border:1px solid #cbd5e1;border-radius:18px;display:flex;align-items:center;padding:2px;background:#fff}
.settings-status-tabs a{height:28px;border-radius:15px;display:flex;align-items:center;padding:0 15px;color:#334155;text-decoration:none;font-size:13px;font-weight:600}
.settings-status-tabs a.active{background:#e8f3fb;color:#111827}
.settings-status-tabs a span{height:18px;min-width:18px;border-radius:9px;background:#dce9f1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-left:5px;padding:0 5px}
.settings-status-tabs a.active span{background-color:#FFFFFF;}
.settings-user-actions{display:flex;align-items:center;gap:10px}
.settings-search-form{margin:0}
.settings-search{width:250px;height:34px;border:1px solid #cbd5e1;border-radius:18px;background:#fff;display:flex;align-items:center;padding:0 8px 0 14px}
.settings-search input{width:100%;height:30px;border:0;outline:0;background:transparent;color:#111827;font-size:13px}
.settings-search button{width:28px;height:28px;border:0;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;padding:0}
.settings-add-btn{height:34px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:0 17px}
.settings-add-btn i{font-size:14px}
.settings-table-wrap{width:100%;overflow:auto}
.settings-table{width:100%;border-collapse:collapse;table-layout:fixed}
.settings-table thead th{height:33px;background:#fff;border-bottom:1px solid #dfe7ef;border-right:1px solid #e5edf3;color:#111827;font-size:13px;font-weight:600;text-align:left;padding:0 18px;white-space:nowrap}
.settings-table tbody td{height:49px;border-bottom:1px solid #ecf1f5;color:#111827;font-size:14px;font-weight:500;padding:0 18px;white-space:nowrap;vertical-align:middle}
.settings-table tbody td strong{font-weight:600}
.settings-user-avatar{width:22px;height:22px;border-radius:50%;background:#9be3ad;color:#057a35;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle}
.settings-empty{height:80px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;font-weight:500}
@media(max-width:991px){.settings-left{width:190px;flex-basis:190px}.settings-search{width:210px}.settings-tabs{gap:14px}}
.settings-row-btn{width:28px;height:28px;border:0;border-radius:50%;background:#e8f3fb;color:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.settings-row-btn:hover{background:#dceefb;color:var(--tb-accent)}
.settings-lock-text{font-size:12px;color:#64748b;font-weight:600;white-space:nowrap}
.settings-email-page{width:100%;background:#fff}
.settings-email-head{min-height:88px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}
.settings-email-head h3{margin:0;color:#111827;font-size:20px;font-weight:600}
.settings-email-head p{margin:6px 0 0;color:#64748b;font-size:14px;font-weight:500}
.settings-email-status{height:30px;border-radius:16px;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600}
.settings-email-status span{width:8px;height:8px;border-radius:50%;display:block}
.settings-email-status.active{background:var(--tb-accent-soft);color:var(--tb-accent)}
.settings-email-status.active span{background:var(--tb-accent)}
.settings-email-status.inactive{background:#f1f5f9;color:#64748b}
.settings-email-status.inactive span{background:#94a3b8}
.settings-email-tabs{height:48px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;gap:24px;padding:0 22px}
.settings-email-tabs a{height:48px;display:flex;align-items:center;border-bottom:3px solid transparent;color:#111827;text-decoration:none;font-size:14px;font-weight:600;padding:0 6px}
.settings-email-tabs a.active{border-bottom-color:var(--tb-accent);color:var(--tb-accent)}
.settings-email-layout{display:flex;width:100%;height:calc(100vh - 230px);overflow:auto;background:#f8fbfc}
.settings-email-main{flex:1;min-width:0;padding:18px 22px 28px}
.settings-email-side{width:310px;flex:0 0 310px;border-left:1px solid #dfe7ef;background:#fff;padding:18px}
.settings-email-form{width:100%;max-width:860px}
.settings-email-card{background:#fff;border:1px solid #e5edf3;border-radius:12px;margin-bottom:16px;padding:20px 22px}
.settings-card-title{margin-bottom:18px}
.settings-card-title h4{margin:0;color:#111827;font-size:17px;font-weight:600}
.settings-card-title p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:500}
.email-field-row{display:flex;align-items:flex-start;margin-bottom:16px}
.email-field-row label{width:170px;min-width:170px;text-align:right;padding:9px 20px 0 0;color:#1f2937;font-size:14px;font-weight:600}
.email-field-row.required label:before{content:'*';color:#ef4444;margin-right:4px}
.email-control{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#111827;font-size:14px;font-weight:500;padding:0 12px;outline:0}
.email-control:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.08)}
.settings-email-actions{display:flex;align-items:center;gap:10px;padding-left:170px; margin-top:5px;}
.settings-save-btn{height:36px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;font-size:14px;font-weight:600;padding:0 18px}
.settings-test-btn{height:36px;border:1px solid #cbd5e1;border-radius:18px;background:#fff;color:#111827;font-size:14px;font-weight:600;padding:0 18px}
.email-info-card{border:1px solid #e5edf3;border-radius:12px;background:#fbfcfe;padding:16px;margin-bottom:14px}
.email-info-card h4{margin:0 0 8px;color:#111827;font-size:15px;font-weight:600}
.email-info-card p{margin:0;color:#64748b;font-size:13px;line-height:20px;font-weight:500}
.email-info-icon{width:38px;height:38px;border-radius:50%;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.email-port-row{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf3;color:#334155;font-size:13px;font-weight:600}
.email-port-row:last-child{border-bottom:0}
.email-port-row strong{color:#111827;font-size:14px}
@media(max-width:991px){.settings-email-layout{display:block;height:auto}.settings-email-side{width:100%;border-left:0;border-top:1px solid #dfe7ef}.settings-email-form{max-width:100%}}
@media(max-width:767px){.settings-email-head{display:block}.settings-email-status{margin-top:12px;width:max-content}.email-field-row{display:block}.email-field-row label{width:100%;min-width:100%;text-align:left;padding:0 0 7px}.settings-email-actions{padding-left:0;display:block}.settings-save-btn,.settings-test-btn{width:100%;margin-bottom:9px}}
.email-sharing-options{display:grid;grid-template-columns:1fr;gap:12px}
.email-share-box{border:1px solid #e5edf3;border-radius:10px;background:#fff;padding:14px 16px;display:block;cursor:pointer}
.email-share-box.active{border-color:var(--tb-accent);background:var(--tb-accent-soft-2)}
.email-share-box input{margin-right:8px;accent-color:var(--tb-accent)}
.email-share-box strong{font-size:15px;color:#111827;font-weight:600}
.email-share-box span{display:block;margin:6px 0 0 25px;color:#64748b;font-size:13px;line-height:20px}
.settings-email-actions.no-left{padding-left:0;margin-top:16px}
.settings-user-license{min-width:190px;background:#fff;border:1px solid #dce4ec;border-radius:16px;padding:8px 12px;box-shadow:0 1px 2px rgba(15,23,42,0.04)}
.settings-user-license-text{display:flex;align-items:center;gap:7px;font-size:12px;color:#64748b;white-space:nowrap}
.settings-user-license-text strong{font-size:13px;color:#111827;font-weight:600}
.settings-user-license-text em{font-style:normal;color:var(--tb-accent);font-size:12px}
.settings-user-license-bar{height:5px;background:#edf2f7;border-radius:20px;overflow:hidden;margin-top:7px}
.settings-user-license-bar span{display:block;height:100%;background:var(--tb-accent);border-radius:20px}
.settings-row-btn.danger{color:#dc2626}
.settings-row-btn.danger:hover{background:#fee2e2;color:#b91c1c}
.settings-profile-info{min-height:74px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:#f8fbfc}
.settings-profile-info h3{margin:0;color:#111827;font-size:19px;font-weight:600}
.settings-profile-info p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:500}
.settings-profile-badge{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-soft);color:var(--tb-accent);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle}
.settings-system-tag{height:18px;border-radius:10px;background:#edf2f7;color:#64748b;font-size:11px;font-style:normal;font-weight:600;padding:2px 7px;margin-left:8px}
.settings-muted{color:#94a3b8;font-weight:500}
.settings-access-tag{height:22px;border-radius:12px;font-size:12px;font-weight:600;padding:4px 9px;background:#edf2f7;color:#334155}
.settings-access-tag.full{background:var(--tb-accent-soft);color:var(--tb-accent)}
.settings-access-tag.standard{background:#e8f3fb;color:#0369a1}
.settings-access-tag.restricted{background:var(--tb-accent-soft-2);color:#c2410c}
.settings-access-tag.custom{background:#f5f3ff;color:#6d28d9}
.settings-status-dot{height:22px;border-radius:12px;font-size:12px;font-weight:600;padding:4px 9px}
.settings-status-dot.active{background:var(--tb-accent-soft);color:var(--tb-accent)}
.settings-status-dot.inactive{background:#f1f5f9;color:#64748b}
.settings-row-btn.danger{color:#dc2626}
.settings-row-btn.danger:hover{background:#fee2e2;color:#b91c1c}
.settings-row-btn.permission{color:var(--tb-accent)}
.settings-row-btn.permission:hover{background:var(--tb-accent-soft);color:#00745f}
.settings-row-btn.permission{color:var(--tb-accent)}
.settings-row-btn.permission:hover{background:var(--tb-accent-soft);color:#00745f}
.profile-permission-form{margin:0;padding:0;background:#fff}
.profile-permission-wrap{padding:26px 30px 90px;background:#fff;min-height:calc(100vh - 90px);box-sizing:border-box}
.profile-permission-wrap h2{margin:0 0 8px;color:#202124;font-size:24px;font-weight:600;line-height:30px}
.profile-permission-wrap p{margin:0 0 28px;color:#30343b;font-size:15px;max-width:820px;line-height:21px}
.profile-permission-section{margin-top:26px}
.profile-permission-section h3{margin:0 0 12px;color:#2b2f36;font-size:15px;font-weight:600}
.profile-permission-row{min-height:50px;border-top:1px solid #edf1f5;display:grid;grid-template-columns:330px 52px 1fr;align-items:center;background:#fff}
.profile-permission-row:hover{background:#f8fbfc}
.profile-permission-name{font-size:15px;color:#2d333b;font-weight:500}
.profile-switch{width:32px;height:18px;position:relative;display:inline-block;margin:0}
.profile-switch input{display:none}
.profile-switch span{position:absolute;cursor:pointer;inset:0;background:#9bdacb;border-radius:20px;transition:.2s}
.profile-switch span:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}
.profile-switch input:checked+span{background:#00a978}
.profile-switch input:checked+span:before{transform:translateX(14px)}
.profile-permission-select{position:relative;width:max-content;max-width:470px}
.profile-permission-btn{height:34px;border:0;background:transparent;color:#202124;font-size:15px;display:flex;align-items:center;gap:7px;cursor:pointer;padding:0 8px;border-radius:6px}
.profile-permission-btn:hover{background:#eef4f7}
.profile-permission-btn span{max-width:410px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-permission-menu{display:none;position:absolute;left:0;top:38px;width:220px;background:#fff;border:1px solid #d9e1e8;border-radius:8px;box-shadow:0 12px 35px rgba(15,23,42,0.15);padding:10px 0;z-index:9999}
.profile-permission-select.open .profile-permission-menu{display:block}
.profile-permission-menu label{height:34px;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:14px;color:#202124;cursor:pointer;margin:0}
.profile-permission-menu label:hover{background:#f5f8fa}
.profile-permission-menu input{width:16px;height:16px;accent-color:#00a978;margin:0}
.profile-permission-footer{height:66px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 24px;position:sticky;right:auto;bottom:0;width:100%;box-shadow:0 -3px 16px rgba(15,23,42,0.08);box-sizing:border-box;z-index:10000}
.right-drawer{right:0!important;transform:translateX(110%);transition:.28s;will-change:transform}
.right-drawer.show{right:0!important;transform:translateX(0)}
.settings-profile-info{min-height:74px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;background:#f8fbfc}
.settings-profile-info h3{margin:0;color:#111827;font-size:19px;font-weight:600}
.settings-profile-info p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:500}
.settings-profile-badge{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-soft);color:var(--tb-accent);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle}
.settings-system-tag{height:18px;border-radius:10px;background:#edf2f7;color:#64748b;font-size:11px;font-style:normal;font-weight:600;padding:2px 7px;margin-left:8px}
.settings-muted{color:#94a3b8;font-weight:500}
.settings-status-dot{height:22px;border-radius:12px;font-size:12px;font-weight:600;padding:4px 9px}
.settings-status-dot.active{background:var(--tb-accent-soft);color:var(--tb-accent)}
.settings-status-dot.inactive{background:#f1f5f9;color:#64748b}
.settings-row-btn.danger{color:#dc2626}
.settings-row-btn.danger:hover{background:#fee2e2;color:#b91c1c}
.organization-page{width:100%;min-height:100%;background:#fff}
.organization-tabs-row{height:47px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px}
.organization-tabs{height:47px;display:flex;align-items:center;gap:22px}
.organization-tabs a{height:47px;border-bottom:3px solid transparent;display:flex;align-items:center;gap:7px;color:#111827;text-decoration:none;font-size:14px;font-weight:600;padding:0 8px}
.organization-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.organization-tabs span{height:18px;border-radius:9px;background:#5c9fe9;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;padding:0 8px}
.organization-help{display:flex;align-items:center;gap:6px;color:#334155;text-decoration:none;font-size:13px;font-weight:600}
.organization-head{height:94px;background:#fff;border-bottom:1px solid #e8eef4;display:flex;align-items:center;padding:0 20px;position:relative}
.organization-avatar{width:50px;height:50px;border-radius:50%;background:#d7e6f7;color:#1f2937;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:0 0 auto}
.organization-title{padding-left:15px;min-width:0}
.organization-title h3{margin:0 0 8px;color:#111827;font-size:17px;font-weight:600}
.organization-owner{display:flex;align-items:center;gap:8px;color:#1f2937;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organization-owner i{color:#64748b;font-size:15px}
.organization-owner span{color:#64748b}
.organization-edit-btn{position:absolute;right:18px;top:32px;width:24px;height:24px;border:0;border-radius:50%;background:#dce5ec;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:13px}
.organization-detail-card{margin:15px 14px 30px;background:#fff;border:1px solid #e6edf3;border-radius:7px;min-height:calc(100vh - 210px);padding:27px 20px 40px}
.organization-section{width:100%;max-width:650px;margin-bottom:28px}
.organization-section h4{margin:0 0 9px;color:#111827;font-size:15px;font-weight:600}
.organization-row{min-height:30px;display:grid;grid-template-columns:168px 1fr;align-items:start;color:#111827;font-size:14px;font-weight:500}
.organization-row label{color:#2b2f36;font-size:14px;font-weight:500;margin:0;padding:2px 12px 0 6px}
.organization-row div{min-width:0;color:#111827;font-size:14px;font-weight:500;line-height:22px}
.organization-row a{color:#0f3f5c;text-decoration:underline;text-underline-offset:2px}
.organization-address{padding-left:6px;color:#111827;font-size:14px;font-weight:500;line-height:23px}
.organization-row.url-row{grid-template-columns:185px 1fr}
.organization-row.url-row label{padding-left:6px}
.organization-row.url-row div{display:flex;align-items:center;gap:10px}
.organization-row.url-row button{width:24px;height:24px;border:0;border-radius:50%;background:#dce5ec;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.organization-delete-row{width:100%;max-width:650px;border-top:1px solid #e6edf3;padding:20px 0 0}
.organization-delete-row a{color:#ef2929;text-decoration:none;font-size:14px;font-weight:500}
.organization-form .drawer-section-title{margin:0 0 18px}
.organization-form .drawer-section-title:not(:first-child){margin-top:8px}
.organization-form textarea.drawer-control{height:74px;line-height:21px;padding-top:9px}
@media(max-width:767px){.organization-tabs-row{height:auto;display:block;padding:10px 14px}.organization-tabs{height:auto;gap:10px;overflow:auto}.organization-tabs a{height:38px;white-space:nowrap}.organization-help{margin-top:8px}.organization-detail-card{margin:10px;border-radius:0;border-left:0;border-right:0}.organization-row{grid-template-columns:1fr;gap:3px;margin-bottom:10px}.organization-row.url-row{grid-template-columns:1fr}.organization-row label{padding:0;color:#64748b}.organization-head{height:auto;padding:18px 14px}.organization-edit-btn{right:14px;top:18px}}
.organization-currency-card{margin:15px 14px 30px;background:#fff;border:1px solid #e6edf3;border-radius:7px;min-height:calc(100vh - 155px);padding:22px 20px 30px}
.organization-currency-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.organization-currency-toolbar h3{margin:0 0 5px;color:#111827;font-size:18px;font-weight:600}
.organization-currency-toolbar p{margin:0;color:#64748b;font-size:13px;font-weight:500}
.organization-rate-btn{height:32px;border:1px solid #dbe5ef;background:#f8fafc;color:#334155;border-radius:6px;padding:0 13px;font-size:13px;font-weight:600}
.organization-currency-table-wrap{width:100%;overflow:auto;border:1px solid #e6edf3;border-radius:7px}
.organization-currency-table{width:100%;border-collapse:collapse;background:#fff;min-width:1050px}
.organization-currency-table th{height:40px;background:#f8fafc;border-bottom:1px solid #e6edf3;color:#334155;font-size:13px;font-weight:600;text-align:left;padding:0 12px;white-space:nowrap}
.organization-currency-table td{height:46px;border-bottom:1px solid #eef3f7;color:#111827;font-size:13px;font-weight:500;padding:0 12px;white-space:nowrap}
.organization-currency-table tr:last-child td{border-bottom:0}
.organization-currency-table tr.selected-currency-row{background:#f0fffb}
.selected-currency-badge{height:20px;border-radius:10px;background:var(--tb-accent-soft);color:var(--tb-accent);display:inline-flex;align-items:center;padding:0 8px;margin-left:8px;font-size:11px;font-weight:600}
.base-currency-badge{height:22px;border-radius:11px;background:#eef6ff;color:#2563eb;display:inline-flex;align-items:center;padding:0 9px;font-size:11px;font-weight:600}
.active-status{height:22px;border-radius:11px;background:#e8f8ee;color:var(--tb-accent);display:inline-flex;align-items:center;padding:0 9px;font-size:11px;font-weight:600}
.inactive-status{height:22px;border-radius:11px;background:#f1f5f9;color:#64748b;display:inline-flex;align-items:center;padding:0 9px;font-size:11px;font-weight:600}
.organization-empty-currency{text-align:center;color:#64748b;height:90px}
.fields-page{width:100%;height:100%;background:#eef5f8;overflow:hidden}
.fields-tabs-row{height:42px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.fields-tabs{height:42px;display:flex;align-items:center;gap:24px}
.fields-tabs a{height:42px;border-bottom:3px solid transparent;color:#111827;text-decoration:none;font-size:14px;font-weight:600;display:flex;align-items:center;padding:0 8px}
.fields-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.fields-help{display:flex;align-items:center;gap:14px}
.fields-help a{display:flex;align-items:center;gap:6px;color:#334155;text-decoration:none;font-size:13px;font-weight:600}
.fields-help button{width:28px;height:28px;border:0;border-radius:50%;background:#dce5ec;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:16px}
.fields-board{height:calc(100% - 42px);overflow:auto;display:flex;gap:20px;padding:20px;box-sizing:border-box}
.field-module-card{width:350px;min-width:350px;height:100%;background:#fff;border:1px solid #dfe7ef;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}
.field-module-head{height:50px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:0 0 auto}
.field-module-title{display:flex;align-items:center;gap:8px;color:#111827;font-size:15px;font-weight:600;min-width:0}
.field-module-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-module-title i{font-size:12px;color:#64748b}
.field-module-actions{display:flex;align-items:center;gap:6px}
.field-module-actions button{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px}
.field-module-actions button:hover{background:#eef6fa;color:var(--tb-accent)}
.field-module-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 16px 12px}
.field-section{margin-bottom:18px}
.field-section h4{margin:0 0 8px;color:#111827;font-size:14px;font-weight:600}
.field-item{height:34px;border:1px solid #e5edf3;border-radius:4px;background:#fff;display:flex;align-items:center;color:#111827;font-size:14px;font-weight:500;padding:0 11px;margin-bottom:10px;gap:6px}
.field-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-item em{font-style:normal;color:#475569;font-size:13px;font-weight:500}
.field-item b{color:#ff6b6b;font-size:16px;font-weight:600;margin-left:auto}
.field-module-footer{height:36px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:0 0 auto}
.field-module-footer a{color:#0b63c7;text-decoration:none;font-size:13px;font-weight:600}
.field-custom-count{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px;font-weight:500}
.field-custom-count span{width:5px;height:5px;border-radius:50%;background:#8bcfb9;display:block}
.field-custom-count strong{color:#111827;font-size:14px;font-weight:600}
.fields-empty-card{height:80px;border:1px dashed #dbe5ef;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}
.fields-empty-page{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#64748b}
.fields-empty-page h3{margin:0 0 6px;color:#111827;font-size:18px;font-weight:600}
.fields-empty-page p{margin:0;font-size:14px;font-weight:500}
@media(max-width:991px){.field-module-card{width:320px;min-width:320px}.fields-board{gap:14px;padding:14px}}

.fields-editor{height:100vh;background:#f7fafc;display:flex;flex-direction:column;overflow:hidden}
.fields-editor-top{height:74px;background:#fff;border-bottom:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:0 30px;flex:0 0 auto}
.fields-editor-top h2{margin:0;color:#0f172a;font-size:23px;font-weight:600;line-height:28px}
.fields-module-rename{display:flex;align-items:center;gap:8px;margin-top:8px}
.fields-module-rename label{color:#64748b;font-size:12px;font-weight:600}
.fields-module-rename input{width:220px;height:30px;border:1px solid #d9e3ec;border-radius:4px;background:#fff;padding:0 10px;color:#111827;font-size:13px;font-weight:600}
.fields-custom-btn{height:32px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
.fields-custom-box{background:#fff;border-bottom:1px solid #dfe7ef;padding:16px 30px;flex:0 0 auto}
.fields-custom-form{margin:0}
.fields-custom-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .7fr;gap:12px}
.fields-custom-grid label,.fields-option-row label{display:block;color:#334155;font-size:12px;font-weight:600;margin-bottom:6px}
.fields-custom-grid input,.fields-custom-grid select,.fields-option-row textarea{width:100%;border:1px solid #d9e3ec;border-radius:4px;background:#fff;color:#111827;font-size:14px;box-sizing:border-box}
.fields-custom-grid input,.fields-custom-grid select{height:34px;padding:0 10px}
.fields-option-row{margin-top:12px}
.fields-option-row textarea{height:58px;padding:8px 10px;resize:none}
.fields-custom-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}
.fields-custom-actions button{height:32px;border-radius:16px;padding:0 16px;font-size:13px;font-weight:600}
.fields-custom-actions button:first-child{border:1px solid #d8e2eb;background:#fff;color:#111827}
.fields-custom-actions button:last-child{border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff}
#fieldsEditorSaveForm{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;overflow:hidden}
.fields-editor-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;background:#f7fafc;overflow:hidden}
.fields-used-panel{min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 30px 24px;border-right:1px solid #dfe7ef}
.fields-unused-panel{min-height:0;overflow-y:auto;overflow-x:hidden;padding:76px 30px 24px;background:#f7fafc}
.fe-section{margin-bottom:30px}
.fe-section h4{margin:0 0 14px;color:#2c2f33;font-size:15px;font-weight:600}
.fe-field-list{min-height:12px}
.fe-field-row{height:34px;display:grid;grid-template-columns:20px minmax(180px,1fr) 190px 105px 58px;align-items:center;gap:8px;margin-bottom:14px}
.fe-field-row.dragging{opacity:.45}
.fe-drag{color:#94a3b8;font-size:18px;line-height:1;cursor:grab;user-select:none;text-align:center}
.fe-label-input{height:34px;border:1px solid #dce6ef;border-radius:4px;background:#fff;color:#111827;font-size:14px;font-weight:500;padding:0 10px;box-sizing:border-box}
.fe-type-text{height:34px;display:flex;align-items:center;color:#111827;font-size:13px;font-weight:500;white-space:nowrap}
.fe-type-text span{color:#334155;margin-left:4px}
.fe-required{height:34px;display:flex;align-items:center;gap:5px;color:#334155;font-size:12px;font-weight:600;white-space:nowrap}
.fe-required input{margin:0}
.fe-hide-btn{height:28px;border:1px solid #dbe5ef;border-radius:14px;background:#fff;color:#64748b;font-size:12px;font-weight:600}
.fe-hide-btn:hover{border-color:var(--tb-accent);color:var(--tb-accent)}
.fields-unused-head{position:sticky;top:0;background:#f7fafc;padding-bottom:10px;z-index:5}
.fields-unused-head h4{margin:0 0 8px;color:#111827;font-size:15px;font-weight:600}
.fields-unused-search{height:32px;border:1px solid #cbd9e6;border-radius:4px;background:#fff;display:flex;align-items:center;padding:0 10px}
.fields-unused-search input{border:0;outline:0;background:transparent;flex:1;height:30px;color:#111827;font-size:14px;min-width:0}
.fields-unused-search i{font-size:14px;color:#64748b}
.fe-unused-list{padding-bottom:20px}
.fe-unused-row{height:32px;border:1px solid #dce6ef;border-radius:4px;background:#fff;display:grid;grid-template-columns:28px minmax(0,1fr) 46px;align-items:center;gap:8px;margin-bottom:12px;padding:0 8px}
.fe-small-icon{width:20px;height:20px;border:1px solid #b8c7d7;border-radius:3px;color:#64748b;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.fe-unused-name{color:#111827;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fe-unused-row button{height:24px;border:0;background:transparent;color:var(--tb-accent);font-size:12px;font-weight:600}
.fields-editor-footer{height:58px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex:0 0 auto;position:relative;z-index:20}
.fields-editor-footer .drawer-cancel{height:36px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:18px;padding:0 22px;font-size:14px;font-weight:600}
.fields-editor-footer .drawer-save{height:36px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 24px;font-size:14px;font-weight:600;margin-left:8px}
.field-custom-count{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px;font-weight:500}
.field-custom-count span{width:5px;height:5px;border-radius:50%;background:#8bcfb9;display:block}
.field-custom-count strong{color:#111827;font-size:14px;font-weight:600}
@media(max-width:991px){.fields-editor-main{grid-template-columns:1fr}.fields-unused-panel{padding-top:20px;border-top:1px solid #dfe7ef}.fe-field-row{grid-template-columns:20px 1fr}.fe-type-text,.fe-required,.fe-hide-btn{margin-left:28px}}
.rename-module-form{height:100%;display:flex;flex-direction:column;background:#fff}
.rename-module-box{padding:22px}
.rename-module-box label{display:block;color:#334155;font-size:13px;font-weight:600;margin-bottom:8px}
.rename-module-box input{width:100%;height:36px;border:1px solid #d9e3ec;border-radius:4px;background:#fff;color:#111827;font-size:14px;font-weight:600;padding:0 10px;box-sizing:border-box}
.rename-module-form .drawer-form-footer{height:58px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px;margin-top:auto}
.rename-module-form .drawer-cancel{height:36px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:18px;padding:0 22px;font-size:14px;font-weight:600}
.rename-module-form .drawer-save{height:36px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 24px;font-size:14px;font-weight:600}
.stage-page{width:100%;height:100%;background:#f4f7fa;overflow:hidden;display:flex;flex-direction:column}
.stage-page-head{height:76px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex:0 0 auto}
.stage-page-head h2{margin:0;color:#0f172a;font-size:22px;font-weight:600}
.stage-page-head p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:500}
.stage-page-head button,.stage-primary-btn{height:34px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
.stage-layout{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr)}
.stage-pipeline-panel{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:18px}
.stage-panel-title{color:#0f172a;font-size:15px;font-weight:600;margin-bottom:12px}
.stage-pipeline-list{display:flex;flex-direction:column;gap:10px}
.stage-pipeline-card{border:1px solid #e2eaf2;background:#fff;border-radius:8px;padding:12px;text-decoration:none;color:#111827;display:block}
.stage-pipeline-card.active{border-color:var(--tb-accent);background:var(--tb-accent-soft)}
.stage-pipeline-name{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stage-pipeline-name span{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-pipeline-name em{font-style:normal;background:var(--tb-accent-soft);color:var(--tb-accent);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}
.stage-pipeline-meta{margin-top:6px;color:#64748b;font-size:12px;font-weight:500}
.stage-main-panel{min-width:0;overflow:auto;padding:20px}
.stage-main-top{background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.stage-main-top h3{margin:0;color:#0f172a;font-size:20px;font-weight:600}
.stage-main-top p{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:500}
.stage-main-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stage-main-actions form{margin:0}
.stage-light-btn{height:32px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600}
.stage-flow-preview{margin-top:14px;background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;overflow:auto}
.stage-flow-item{height:30px;border:1px solid #dfe7ef;border-radius:16px;background:#fff;color:#111827;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;padding:0 12px;white-space:nowrap}
.stage-flow-item span{width:9px;height:9px;border-radius:50%;display:block}
.stage-flow-item.won{background:#effcf7}
.stage-flow-item.lost{background:var(--tb-accent-soft-2)}
.stage-table-card{margin-top:14px;background:#fff;border:1px solid #dfe7ef;border-radius:10px;overflow:hidden}
.stage-table-head{height:42px;background:#f8fafc;border-bottom:1px solid #e5edf3;display:grid;grid-template-columns:34px minmax(260px,1fr) 110px 120px 90px 130px;align-items:center;color:#475569;font-size:12px;font-weight:600;text-transform:uppercase;padding:0 14px;gap:10px}
.stage-sort-list{min-height:80px}
.stage-row{min-height:50px;border-bottom:1px solid #eef2f6;background:#fff;display:grid;grid-template-columns:34px minmax(260px,1fr) 110px 120px 90px 130px;align-items:center;padding:0 14px;gap:10px}
.stage-row.dragging{opacity:.5;background:#f8fafc}
.stage-drag{color:#94a3b8;font-size:18px;cursor:grab;text-align:center;user-select:none}
.stage-name-cell{display:flex;align-items:center;gap:10px;min-width:0}
.stage-name-cell span{width:10px;height:10px;border-radius:50%;display:block;flex:0 0 auto}
.stage-name-cell strong{color:#0f172a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-type-badge{height:22px;border-radius:12px;padding:0 10px;display:inline-flex;align-items:center;font-style:normal;font-size:12px;font-weight:600}
.stage-type-badge.open{background:#eef6ff;color:#2563eb}
.stage-type-badge.won{background:var(--tb-accent-soft);color:var(--tb-accent)}
.stage-type-badge.lost{background:var(--tb-accent-soft-2);color:#dc2626}
.stage-probability,.stage-record-count{color:#334155;font-size:13px;font-weight:600}
.stage-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.stage-row-actions form{margin:0}
.stage-row-actions button{height:26px;border:0;background:transparent;color:#0b63c7;font-size:12px;font-weight:600;padding:0}
.stage-bottom-actions{margin-top:14px;display:flex;align-items:center;justify-content:space-between}
.stage-danger-btn{height:34px;border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
.stage-empty-small{border:1px dashed #dbe5ef;border-radius:8px;padding:18px;text-align:center;color:#64748b;font-size:13px;font-weight:600}
.stage-empty-large{padding:34px;text-align:center;color:#64748b;font-size:14px;font-weight:600}
.stage-popup-form{height:100%;display:flex;flex-direction:column;background:#fff;margin:0}
.stage-popup-body{padding:20px;flex:1}
.stage-form-row{margin-bottom:14px}
.stage-form-row label{display:block;color:#334155;font-size:13px;font-weight:600;margin-bottom:7px}
.stage-form-row input,.stage-form-row select,.stage-form-row textarea{width:100%;border:1px solid #d9e3ec;border-radius:5px;background:#fff;color:#111827;font-size:14px;font-weight:600;box-sizing:border-box}
.stage-form-row input,.stage-form-row select{height:36px;padding:0 10px}
.stage-form-row textarea{height:82px;padding:9px 10px;resize:none}
.stage-form-check{margin-top:4px;color:#334155;font-size:13px;font-weight:600}
.stage-form-check input{margin-right:6px}
.stage-popup-footer{height:58px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px;flex:0 0 auto}
.stage-popup-footer .drawer-cancel{height:36px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:18px;padding:0 22px;font-size:14px;font-weight:600}
.stage-popup-footer .drawer-save{height:36px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 24px;font-size:14px;font-weight:600}
@media(max-width:991px){.stage-layout{grid-template-columns:1fr}.stage-pipeline-panel{height:220px;border-right:0;border-bottom:1px solid #dfe7ef}.stage-table-head,.stage-row{grid-template-columns:34px minmax(220px,1fr) 90px 90px 70px 100px}}
.forms-page{width:100%;height:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.forms-head{height:92px;border-bottom:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex:0 0 auto}
.forms-head h2{margin:0;color:#0f172a;font-size:20px;font-weight:600}
.forms-head p{margin:5px 0 0;color:#111827;font-size:14px;font-weight:500;max-width:760px;line-height:20px}
.forms-head-actions{display:flex;align-items:center;gap:14px}
.forms-head-actions button:first-child{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 17px;font-size:14px;font-weight:600}
.forms-head-actions a{color:#334155;text-decoration:none;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}
.forms-head-actions button:last-child{width:28px;height:28px;border:0;border-radius:50%;background:#dce5ec;color:#64748b}
.forms-table{flex:1;min-height:0;overflow:auto;background:#fff}
.forms-table-head{height:32px;background:#f8fafc;border-bottom:1px solid #dfe7ef;display:grid;grid-template-columns:minmax(260px,1fr) 220px 140px 130px 260px 320px;align-items:center;color:#111827;font-size:13px;font-weight:600}
.forms-table-head div{padding:0 18px;border-right:1px solid #e5edf3;height:32px;display:flex;align-items:center}
.forms-table-row{min-height:52px;border-bottom:1px solid #eef2f6;display:grid;grid-template-columns:minmax(260px,1fr) 220px 140px 130px 260px 320px;align-items:center;color:#111827;font-size:14px;font-weight:600}
.forms-table-row>div{padding:0 18px}
.forms-title-cell strong{display:block;color:#111827;font-size:14px;font-weight:600}
.forms-title-cell small{display:block;color:#64748b;font-size:11px;font-weight:600;margin-top:3px}
.forms-module-badge{height:24px;border-radius:14px;background:#d9edf9;color:#0f172a;display:inline-flex;align-items:center;padding:0 12px;font-size:12px;font-weight:600}
.forms-status-toggle{width:34px;height:18px;border:0;border-radius:12px;background:#cbd5e1;position:relative;padding:0}
.forms-status-toggle span{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px}
.forms-status-toggle.active{background:var(--tb-accent)}
.forms-status-toggle.active span{left:18px}
.forms-created-by{display:flex;align-items:center;gap:8px}
.forms-created-by span{width:22px;height:22px;border-radius:50%;background:#8ee0ad;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.forms-actions{display:flex;align-items:center;gap:12px}
.forms-actions a,.forms-actions button{border:0;background:transparent;color:#0b63c7;text-decoration:none;font-size:12px;font-weight:600;padding:0}
.forms-empty-page{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#64748b}
.forms-empty-page h3{margin:0 0 6px;color:#111827;font-size:18px;font-weight:600}
.forms-empty-page p{margin:0;font-size:14px;font-weight:500}
.form-builder-page{width:100%;height:100%;background:#edf2f7;display:flex;flex-direction:column;overflow:hidden}
.form-builder-top{height:54px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
.form-builder-tabs{width:390px;height:54px;display:flex;align-items:flex-end;gap:20px;padding-left:18px}
.form-builder-tabs a{height:54px;display:flex;align-items:center;border-bottom:3px solid transparent;color:#111827;font-size:13px;font-weight:600}
.form-builder-tabs a.active{border-bottom-color:var(--tb-accent)}
.form-builder-toolbar{display:flex;align-items:center;gap:14px;padding-right:18px}
.form-builder-toolbar button,.form-builder-toolbar a{height:34px;border:0;background:#fff;color:#111827;text-decoration:none;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}
.form-builder-toolbar .form-builder-save{border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff}
#formBuilderSaveForm{flex:1;min-height:0;margin:0}
.form-builder-layout{height:100%;display:grid;grid-template-columns:390px minmax(0,1fr) 260px;overflow:hidden}
.form-builder-left{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:14px 12px}
.form-left-tabs{height:32px;border:1px solid #d7e2ec;border-radius:18px;display:flex;align-items:center;padding:0 4px;margin-bottom:12px}
.form-left-tabs span{height:24px;border-radius:14px;display:flex;align-items:center;padding:0 13px;color:#334155;font-size:13px;font-weight:600}
.form-left-tabs span.active{background:#e0f2fe;color:#0f172a}
.form-field-search{height:31px;border:1px solid #cbd9e6;border-radius:4px;display:flex;align-items:center;padding:0 10px;margin-bottom:14px}
.form-field-search input{border:0;outline:0;background:transparent;height:29px;flex:1;font-size:13px;min-width:0}
.form-field-search i{color:#64748b;font-size:14px}
.form-field-list{display:flex;flex-direction:column;gap:10px}
.form-left-field{height:31px;border:1px solid #e2eaf2;border-radius:4px;background:#fff;display:grid;grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0 8px}
.form-left-icon{width:18px;height:18px;border:1px solid #b8c7d7;border-radius:3px;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.form-left-field div:nth-child(2){color:#111827;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-left-field button{border:0;background:transparent;color:var(--tb-accent);font-size:12px;font-weight:600}
.form-builder-center{overflow:auto;padding:22px;display:flex;justify-content:center}
.form-preview-card{width:620px;min-height:560px;border:1px solid #dfe7ef;border-radius:10px;padding:28px;box-shadow:0 10px 26px rgba(15,23,42,.08);box-sizing:border-box}
.form-logo-box{height:50px;border:1px dashed #dbe5ef;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#0b63c7;font-size:13px;font-weight:600;margin-bottom:12px}
.form-title-input{height:48px;width:100%;border:1px dashed #dbe5ef;border-radius:4px;background:#fff;color:#111827;font-size:22px;font-weight:600;padding:0 14px;box-sizing:border-box;margin-bottom:18px}
.form-canvas-section{border:1px dashed #cbd5e1;border-radius:6px;padding:14px;margin-bottom:14px}
.form-section-title-row{height:34px;border:1px dashed #e2e8f0;border-radius:4px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.form-section-title{border:0;outline:0;background:transparent;text-align:center;color:#0b63c7;font-size:13px;font-weight:600;flex:1}
.form-section-title-row button{border:0;background:transparent;color:#dc2626;font-size:12px;font-weight:600}
.form-canvas-fields{min-height:20px}
.form-canvas-field{border:1px dashed #e2e8f0;border-radius:4px;padding:10px 14px;margin-bottom:10px;background:#fff}
.form-canvas-field.dragging{opacity:.5}
.form-canvas-field-head{display:grid;grid-template-columns:22px minmax(0,1fr) 100px 60px;align-items:center;gap:8px;margin-bottom:7px}
.form-canvas-field-head span{color:#94a3b8;cursor:grab}
.form-canvas-label{border:0;background:transparent;color:#111827;font-size:13px;font-weight:600;outline:0}
.form-canvas-field-head label{display:flex;align-items:center;gap:5px;color:#334155;font-size:12px;font-weight:600}
.form-canvas-field-head button{border:0;background:transparent;color:#dc2626;font-size:12px;font-weight:600}
.form-canvas-field input[disabled],.form-canvas-field textarea,.form-canvas-field select{width:100%;border:1px solid #cbd5e1;border-radius:4px;background:#fff;height:36px;box-sizing:border-box}
.form-canvas-field textarea{height:70px}
.form-demo-check{color:#334155;font-size:13px;font-weight:600}
.form-add-section{height:38px;border:1px dashed #dbe5ef;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#0b63c7;font-size:13px;font-weight:600;margin-bottom:14px;cursor:pointer}
.form-submit-preview{height:36px;border:0;border-radius:4px;color:#fff;padding:0 20px;font-size:14px;font-weight:600}
.form-branding-row{text-align:center;background:#fff6dc;color:#334155;font-size:12px;font-weight:600;padding:8px;margin-top:14px;border-radius:4px}
.form-builder-right{background:#fff;border-left:1px solid #dfe7ef;padding:18px;overflow:auto}
.form-builder-right h3{margin:0 0 14px;color:#0f172a;font-size:16px;font-weight:600}
.form-theme-row{margin-bottom:14px}
.form-theme-row label,.form-share-box label{display:block;color:#334155;font-size:12px;font-weight:600;margin-bottom:7px}
.form-theme-row input[type="color"]{width:100%;height:36px;border:1px solid #d9e3ec;border-radius:4px;background:#fff}
.form-theme-row input[type="text"],.form-share-box input{width:100%;height:34px;border:1px solid #d9e3ec;border-radius:4px;background:#fff;color:#111827;font-size:13px;font-weight:600;padding:0 10px;box-sizing:border-box}
.form-theme-check{color:#334155;font-size:13px;font-weight:600;margin-bottom:18px}
.form-share-box{border-top:1px solid #e5edf3;padding-top:14px}
.form-share-box button{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:16px;padding:0 14px;font-size:12px;font-weight:600;margin-top:8px}
.form-basic-popup{height:100%;display:flex;flex-direction:column;background:#fff;margin:0}
.form-basic-body{padding:20px;flex:1}
.form-basic-row{margin-bottom:14px}
.form-basic-row label{display:block;color:#334155;font-size:13px;font-weight:600;margin-bottom:7px}
.form-basic-row input,.form-basic-row select,.form-basic-row textarea{width:100%;border:1px solid #d9e3ec;border-radius:5px;background:#fff;color:#111827;font-size:14px;font-weight:600;box-sizing:border-box}
.form-basic-row input,.form-basic-row select{height:36px;padding:0 10px}
.form-basic-row textarea{height:82px;padding:9px 10px;resize:none}
.form-basic-check{color:#334155;font-size:13px;font-weight:600}
.form-basic-footer{height:58px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px;flex:0 0 auto}
.form-basic-footer .drawer-cancel{height:36px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:18px;padding:0 22px;font-size:14px;font-weight:600}
.form-basic-footer .drawer-save{height:36px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 24px;font-size:14px;font-weight:600}
.form-share-popup{height:100%;display:flex;flex-direction:column;background:#fff}
.form-share-popup h3{margin:0;padding:18px 20px;border-bottom:1px solid #e5edf3;color:#0f172a;font-size:18px;font-weight:600}
.form-share-row{padding:16px 20px}
.form-share-row label{display:block;color:#334155;font-size:13px;font-weight:600;margin-bottom:8px}
.form-share-copy{display:flex;gap:8px}
.form-share-copy input,.form-share-row textarea{width:100%;border:1px solid #d9e3ec;border-radius:5px;background:#fff;color:#111827;font-size:13px;font-weight:600;box-sizing:border-box}
.form-share-copy input{height:36px;padding:0 10px}
.form-share-row textarea{height:120px;padding:10px;resize:none}
.form-share-copy button,.form-share-row button{height:34px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 14px;font-size:12px;font-weight:600;margin-top:8px}
@media(max-width:1100px){.form-builder-layout{grid-template-columns:300px minmax(0,1fr)}.form-builder-right{display:none}.forms-table-head,.forms-table-row{grid-template-columns:minmax(220px,1fr) 160px 100px 100px 180px 240px}}
.form-logo-box{height:50px;border:1px dashed #dbe5ef;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#0b63c7;font-size:13px;font-weight:600;margin-bottom:12px;cursor:pointer;position:relative;overflow:hidden;background:#fff}
.form-logo-box input{display:none}
.form-logo-box img{max-height:42px;max-width:180px;object-fit:contain;margin-right:10px}
.form-logo-box span{color:#0b63c7;font-size:13px;font-weight:600}
.ui-datepicker{font-family:Arial,sans-serif;font-size:13px;z-index:99999!important}
.ui-datepicker .ui-datepicker-header{background:#f8fafc;border:0;color:#111827}
.ui-datepicker .ui-state-default{background:#fff;border:1px solid #dfe7ef;color:#111827;text-align:center}
.ui-datepicker .ui-state-active{background:<?php echo htmlout($form['accent_color']); ?>;border-color:<?php echo htmlout($form['accent_color']); ?>;color:#fff}
.automation-page{padding:0}
.automation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.automation-head h3{font-size:22px;font-weight:600;color:#111827;margin:0 0 6px}
.automation-head p{font-size:13px;color:#6b7280;margin:0;line-height:20px}
.automation-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.automation-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.automation-summary-card span{font-size:13px;color:#6b7280}
.automation-summary-card strong{font-size:26px;font-weight:600;color:#111827;line-height:30px}
.automation-summary-card em{font-size:12px;color:var(--tb-accent);font-style:normal}
.automation-nav{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}
.automation-nav a{display:flex;align-items:center;height:38px;padding:0 14px;font-size:13px;color:#4b5563;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.automation-nav a.active{color:var(--tb-accent);border-bottom-color:var(--tb-accent);font-weight:600}
.automation-toolbar{margin-bottom:16px}
.automation-filter-form{display:flex;align-items:center;gap:10px}
.automation-filter-form select{height:32px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 9px;font-size:13px;color:#374151;outline:none}
.automation-card-list{display:flex;flex-direction:column;gap:12px}
.automation-rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.automation-rule-main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}
.automation-rule-icon{width:38px;height:38px;border-radius:11px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px}
.automation-rule-info{min-width:0;flex:1}
.automation-rule-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 5px}
.automation-rule-info p{font-size:13px;color:#6b7280;margin:0 0 10px;line-height:19px}
.automation-rule-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.automation-rule-meta span{height:24px;display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:0 9px;font-size:12px;color:#4b5563}
.automation-rule-side{width:250px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 250px}
.automation-last-run{text-align:right}
.automation-last-run strong{display:block;font-size:12px;color:#6b7280;font-weight:500;margin-bottom:2px}
.automation-last-run span{display:block;font-size:12px;color:#374151}
.automation-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.automation-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:44px 20px;text-align:center}
.automation-empty-icon{width:54px;height:54px;border-radius:16px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}
.automation-empty h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 6px}
.automation-empty p{font-size:13px;color:#6b7280;margin:0 0 16px}
.automation-missing{background:var(--tb-accent-soft-2);border:1px solid #fed7aa;border-radius:12px;padding:18px}
.automation-missing h3{font-size:16px;font-weight:600;color:#9a3412;margin:0 0 6px}
.automation-missing p{font-size:13px;color:#9a3412;margin:0;line-height:20px}
.automation-table strong{font-weight:600;color:#111827}
.automation-log-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.automation-run-status{display:inline-flex;align-items:center;height:24px;border-radius:20px;padding:0 9px;font-size:12px;font-weight:500;background:#f3f4f6;color:#4b5563}
.automation-run-status.success{background:var(--tb-accent-soft);color:var(--tb-accent)}
.automation-run-status.failed{background:#fee2e2;color:#b91c1c}
.automation-run-status.pending{background:#fef3c7;color:#92400e}
.automation-drawer-form{padding-bottom:72px}
.automation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.automation-builder-section{border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin:16px 0 0;padding:14px}
.automation-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.automation-builder-head h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}
.automation-builder-head p{font-size:12px;color:#6b7280;margin:0;line-height:18px}
.automation-builder-head button{height:30px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:7px;padding:0 10px;font-size:12px;font-weight:500;cursor:pointer}
.automation-builder-head button:hover{background:var(--tb-accent-soft)}
.automation-condition-row{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 90px 34px;gap:8px;margin-bottom:8px}
.automation-condition-row select,.automation-condition-row input{height:34px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 9px;font-size:13px;color:#374151;outline:none}
.automation-condition-row button{height:34px;border:1px solid #fee2e2;background:#fff;color:#b91c1c;border-radius:7px;cursor:pointer}
.automation-action-row{display:grid;grid-template-columns:180px 1fr 34px;gap:8px;margin-bottom:8px}
.automation-action-row select{height:34px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 9px;font-size:13px;color:#374151;outline:none}
.automation-action-row textarea{height:64px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:8px 9px;font-size:13px;color:#374151;outline:none;resize:vertical}
.automation-action-row button{height:34px;border:1px solid #fee2e2;background:#fff;color:#b91c1c;border-radius:7px;cursor:pointer}
.automation-condition-row select:focus,.automation-condition-row input:focus,.automation-action-row select:focus,.automation-action-row textarea:focus,.automation-filter-form select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.12)}
@media(max-width:1100px){.automation-summary-grid{grid-template-columns:1fr}.automation-rule-card{flex-direction:column}.automation-rule-side{width:100%;flex:initial;align-items:flex-start}.automation-last-run{text-align:left}.automation-row-actions{justify-content:flex-start}}
@media(max-width:760px){.automation-head{flex-direction:column}.automation-form-grid{grid-template-columns:1fr}.automation-condition-row{grid-template-columns:1fr}.automation-action-row{grid-template-columns:1fr}.automation-toolbar{flex-direction:column;align-items:flex-start}.automation-filter-form{width:100%;flex-direction:column;align-items:stretch}}
.automation-page{padding:18px 22px 40px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
.automation-page *{box-sizing:border-box}
.automation-head{padding:0;margin:0 0 18px}
.automation-head .settings-add-btn{margin-left:auto;white-space:nowrap}
.automation-summary-grid{width:100%;margin:0 0 18px}
.automation-nav{padding:0;margin:0 0 16px}
.automation-toolbar{padding:14px 16px;margin:0 0 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.automation-filter-form{margin:0}
.automation-card-list{width:100%;margin:0}
.automation-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 20px;margin:0;text-align:center}
.automation-empty .settings-add-btn{position:static;float:none;margin:14px auto 0;display:inline-flex;align-items:center;justify-content:center}
.automation-empty h3{width:100%;text-align:center}
.automation-empty p{width:100%;text-align:center}
.automation-rule-card{width:100%;margin:0}
.automation-log-wrap{width:100%;margin:0}
@media(max-width:760px){.automation-page{padding:14px 12px 30px}.automation-toolbar{align-items:stretch}.automation-filter-form{width:100%}}
.data-admin-page{padding:0 0 40px;background:#fff;min-height:calc(100vh - 70px);box-sizing:border-box}
.data-admin-page *{box-sizing:border-box}
.da-tabs{height:48px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:0;padding:0 20px;background:#fff;position:relative}
.da-tabs a{height:48px;display:flex;align-items:center;padding:0 12px;margin-right:10px;border-bottom:2px solid transparent;text-decoration:none;color:#111827;font-size:14px;font-weight:500}
.da-tabs a.active{border-bottom-color:#009b72;color:#111827;font-weight:600}
.da-help{margin-left:auto;font-size:13px;color:#374151;display:flex;align-items:center;gap:5px}
.da-section{padding:16px 20px 40px;background:#fff}
.da-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}
.da-page-head h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 5px;line-height:22px}
.da-page-head p{font-size:14px;color:#111827;margin:0;line-height:21px;max-width:760px}
.da-primary-btn{height:34px;border:0;background:#009b72;color:#fff;border-radius:18px;padding:0 18px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.da-primary-btn:hover{background:#008c68}
.da-table{width:100%;border-collapse:collapse;background:#fff;border-top:1px solid #dbe3ea}
.da-table thead th{height:34px;border-bottom:1px solid #dbe3ea;border-right:1px solid #e5e7eb;text-align:left;padding:0 20px;font-size:13px;font-weight:600;color:#111827;background:#fff}
.da-table thead th:last-child{border-right:0}
.da-table tbody td{height:48px;border-bottom:1px solid #edf1f5;padding:0 20px;font-size:13px;color:#111827;vertical-align:middle}
.da-table tbody td a{color:#0066cc;text-decoration:none}
.da-table tbody td a:hover{text-decoration:underline}
.da-empty{min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#374151}
.da-empty.with-icon{min-height:520px;flex-direction:column;gap:12px}
.da-empty.with-icon i{font-size:42px;color:#1f2937}
.da-status{height:23px;display:inline-flex;align-items:center;border-radius:14px;background:#eef2f7;color:#374151;padding:0 9px;font-size:12px}
.da-small-btn{height:28px;border:1px solid #009b72;background:#fff;color:#009b72;border-radius:14px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}
.da-small-btn:hover{background:#e8fbf5}
.da-info-box{background:#f3f6f8;margin:18px 0 28px;width:690px;max-width:100%;padding:14px 20px}
.da-info-box ul{margin:0;padding:0 0 0 18px}
.da-info-box li{font-size:14px;color:#111827;line-height:28px;padding-left:8px}
.da-info-box li::marker{color:#cbd5df}
.da-storage-tabs { height: 38px; border: 1px solid #cfd8e3; border-radius: 18px; display: inline-flex; align-items: center; margin: 4px 0 18px; background: #fff; overflow: hidden; padding: 2px; }
.da-storage-tabs a{height:32px;display:flex;align-items:center;padding:0 16px;text-decoration:none;color:#111827;font-size:13px;font-weight:500;border-radius:16px}
.da-storage-tabs a.active{background:#edf5fb;color:#111827;box-shadow:inset 0 0 0 1px #d2e2ef}
.storage-head{margin-bottom:26px}
.da-storage-summary{width:730px;max-width:100%;min-height:120px;border:1px solid #e0e6ed;border-radius:4px;background:#fff;display:flex;align-items:center;gap:28px;padding:22px 26px;margin-bottom:46px}
.da-ring{width:132px;height:132px;border-radius:50%;background:conic-gradient(#2abb87 calc(var(--da-percent)*1%),#dff3ec 0);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 132px}
.da-ring:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}
.da-ring span{position:relative;z-index:1;font-size:22px;font-weight:600;color:#1f2937}
.da-file-icon{width:90px;height:90px;border-radius:50%;background:#edf7f3;color:#009b72;display:flex;align-items:center;justify-content:center;font-size:38px;flex:0 0 90px}
.da-storage-info{flex:1;min-width:0}
.da-total-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.da-total-row strong{font-size:15px;color:#111827;font-weight:600}
.da-total-row a{font-size:13px;color:#0066cc;text-decoration:none}
.da-storage-split{display:flex;align-items:flex-start;gap:48px;margin-bottom:28px}
.da-storage-split div{display:grid;grid-template-columns:12px 1fr;column-gap:9px;row-gap:5px}
.da-storage-split em{width:10px;height:10px;border-radius:50%;display:block;margin-top:4px}
.da-storage-split em.used{background:#2abb87}
.da-storage-split em.available{background:#d7eee5}
.da-storage-split span{font-size:13px;color:#111827}
.da-storage-split strong{grid-column:2;font-size:14px;color:#111827;font-weight:600}
.da-updated{font-size:13px;color:#374151}
.da-updated strong{color:#111827;font-weight:600}
.da-storage-block{margin-top:0}
.da-storage-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.da-storage-title h3{font-size:15px;font-weight:600;color:#111827;margin:0}
.da-storage-title div{font-size:13px;color:#374151;display:flex;align-items:center;gap:10px}
.da-view-btn{height:32px;border:1px solid #cfd8e3;background:#fff;color:#111827;border-radius:17px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}
.da-usage-table thead th{height:34px;background:#fff}
.da-usage-table tbody td{height:50px}
.da-usage-table tbody td strong{font-size:14px;font-weight:600;color:#111827}
.da-count-number{display:inline-block;width:40px;text-align:right;margin-right:14px;font-size:13px;color:#111827}
.da-mini-bar{display:inline-block;width:100px;height:5px;background:#e7edf2;border-radius:5px;vertical-align:middle;margin-right:14px;overflow:hidden}
.da-mini-bar em{display:block;height:5px;background:#2abb87;border-radius:5px}
.da-percent-text{font-size:13px;color:#111827}
@media(max-width:900px){.da-page-head{flex-direction:column}.da-storage-summary{width:100%;flex-direction:column;align-items:flex-start}.da-storage-split{flex-direction:column;gap:16px}.da-tabs{overflow:auto}.da-help{display:none}}
.google-sheet-page{padding:18px 22px 40px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;background:#f8fafc;min-height:calc(100vh - 70px)}
.google-sheet-page *{box-sizing:border-box}
.gs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}
.gs-head h3{font-size:22px;font-weight:600;color:#111827;margin:0 0 6px}
.gs-head p{font-size:13px;color:#6b7280;margin:0;line-height:20px}
.gs-head .settings-add-btn{margin-left:auto;white-space:nowrap}
.gs-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.gs-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.gs-summary-card span{font-size:13px;color:#6b7280}
.gs-summary-card strong{font-size:26px;font-weight:600;color:#111827;line-height:30px}
.gs-summary-card em{font-size:12px;color:var(--tb-accent);font-style:normal}
.gs-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e5e7eb;margin:0 0 16px;background:#fff;border-radius:12px 12px 0 0;padding:0 12px}
.gs-tabs a{display:flex;align-items:center;height:42px;padding:0 14px;font-size:13px;color:#4b5563;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.gs-tabs a.active{color:var(--tb-accent);border-bottom-color:var(--tb-accent);font-weight:600}
.gs-toolbar{padding:14px 16px;margin:0 0 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.gs-filter-form{display:flex;align-items:center;gap:10px;margin:0}
.gs-filter-form select{height:32px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 9px;font-size:13px;color:#374151;outline:none}
.gs-filter-form select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.12)}
.gs-card-list{display:flex;flex-direction:column;gap:12px;width:100%;margin:0}
.gs-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;box-shadow:0 1px 2px rgba(0,0,0,.03);width:100%}
.gs-card-main{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}
.gs-icon{width:38px;height:38px;border-radius:11px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px}
.gs-info{min-width:0;flex:1}
.gs-info h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 5px}
.gs-info p{font-size:13px;color:#6b7280;margin:0 0 10px;line-height:19px}
.gs-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.gs-meta span{height:24px;display:flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;padding:0 9px;font-size:12px;color:#4b5563}
.gs-sheet-link{font-size:12px;color:#0066cc;text-decoration:none}
.gs-sheet-link:hover{text-decoration:underline}
.gs-card-side{width:285px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 285px}
.gs-last-sync{text-align:right}
.gs-last-sync strong{display:block;font-size:12px;color:#6b7280;font-weight:500;margin-bottom:2px}
.gs-last-sync span{display:block;font-size:12px;color:#374151}
.gs-counts{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.gs-counts span{height:24px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:20px;padding:0 8px;font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}
.gs-counts strong{color:#111827;font-weight:600}
.gs-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.gs-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:44px 20px;text-align:center;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gs-empty-icon{width:54px;height:54px;border-radius:16px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}
.gs-empty h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 6px;width:100%;text-align:center}
.gs-empty p{font-size:13px;color:#6b7280;margin:0 0 16px;width:100%;text-align:center}
.gs-empty .settings-add-btn{position:static;float:none;margin:14px auto 0;display:inline-flex;align-items:center;justify-content:center}
.gs-missing-box{background:var(--tb-accent-soft-2);border:1px solid #fed7aa;border-radius:12px;padding:18px}
.gs-missing-box h3{font-size:16px;font-weight:600;color:#9a3412;margin:0 0 6px}
.gs-missing-box p{font-size:13px;color:#9a3412;margin:0;line-height:20px}
.gs-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:100%;margin:0}
.gs-table strong{font-weight:600;color:#111827}
.gs-sync-status{display:inline-flex;align-items:center;height:24px;border-radius:20px;padding:0 9px;font-size:12px;font-weight:500;background:#f3f4f6;color:#4b5563}
.gs-sync-status.success{background:var(--tb-accent-soft);color:var(--tb-accent)}
.gs-sync-status.failed{background:#fee2e2;color:#b91c1c}
.gs-sync-status.skipped{background:#fef3c7;color:#92400e}
.gs-sync-status.pending{background:#f3f4f6;color:#4b5563}
.google-sheet-drawer-form{padding-bottom:72px}
.google-sheet-map-form{padding-bottom:72px}
.google-sheet-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gs-note-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-size:13px;color:#374151;line-height:20px;margin:12px 0 0}
.gs-note-box strong{color:#111827;font-weight:600}
.gs-map-summary{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.gs-map-summary strong{display:block;font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}
.gs-map-summary span{display:block;font-size:12px;color:#6b7280}
.gs-map-summary a{font-size:13px;color:#0066cc;text-decoration:none;white-space:nowrap}
.gs-map-summary a:hover{text-decoration:underline}
.gs-map-head{display:grid;grid-template-columns:1.2fr 1.2fr 90px 1fr 34px;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;padding:9px;margin-bottom:8px}
.gs-map-head div{font-size:12px;font-weight:600;color:#374151}
.gs-map-row{display:grid;grid-template-columns:1.2fr 1.2fr 90px 1fr 34px;gap:8px;margin-bottom:8px}
.gs-map-row input,.gs-map-row select{height:34px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 9px;font-size:13px;color:#374151;outline:none}
.gs-map-row input:focus,.gs-map-row select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.12)}
.gs-map-row button{height:34px;border:1px solid #fee2e2;background:#fff;color:#b91c1c;border-radius:7px;cursor:pointer}
.gs-check{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:7px;background:#fff;cursor:pointer}
.gs-check input{display:none}
.gs-check span{width:18px;height:18px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;display:block;position:relative}
.gs-check input:checked+span{background:var(--tb-accent);border-color:var(--tb-accent)}
.gs-check input:checked+span:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.gs-add-map-btn{height:32px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;cursor:pointer;margin-top:4px}
.gs-add-map-btn:hover{background:var(--tb-accent-soft)}
@media(max-width:1100px){.gs-summary-grid{grid-template-columns:1fr}.gs-card{flex-direction:column}.gs-card-side{width:100%;flex:initial;align-items:flex-start}.gs-last-sync{text-align:left}.gs-actions{justify-content:flex-start}.gs-counts{justify-content:flex-start}}
@media(max-width:760px){.google-sheet-page{padding:14px 12px 30px}.gs-head{flex-direction:column}.gs-toolbar{align-items:stretch;flex-direction:column}.gs-filter-form{width:100%;flex-direction:column;align-items:stretch}.google-sheet-form-grid{grid-template-columns:1fr}.gs-map-head{display:none}.gs-map-row{grid-template-columns:1fr}.gs-map-summary{flex-direction:column;align-items:flex-start}}
.client-page{width:100%;height:calc(100vh - 47px);display:flex;flex-direction:column;background:#fff;overflow:hidden}
.client-toolbar{height:53px;padding:0 16px;border-bottom:1px solid #dfe7ef}
.client-toolbar .filter-round.active{background:var(--tb-accent-soft);color:var(--tb-accent);box-shadow:0 0 0 1px var(--tb-accent) inset}
.client-view-wrap{position:relative}
.client-view-menu{position:absolute;left:0;top:39px;width:300px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.12);z-index:30;padding:0 6px 6px;display:none}
.client-view-menu.show{display:block}
.client-view-tabs{height:38px;display:flex;align-items:end;gap:24px;padding:0 12px;border-bottom:1px solid #eef2f6}
.client-view-tabs span{height:38px;display:flex;align-items:center;font-size:14px;font-weight:600;color:#111827;border-bottom:2px solid transparent}
.client-view-tabs span.active{border-bottom-color:var(--tb-accent)}
.client-view-search{height:42px;margin:0;display:flex;align-items:center;padding:5px 10px;position:relative}
.client-view-search input{width:100%;height:30px;border:1px solid #cbd5e1;border-radius:3px;padding:0 34px 0 10px;font-size:14px;outline:0}
.client-view-search button{position:absolute;right:14px;top:10px;width:24px;height:24px;border:0;background:transparent;color:#64748b;font-size:15px}
.client-view-title{height:28px;background:#f1f5f8;border-radius:4px;padding:6px 10px;color:#111827;font-size:12px;font-weight:600; margin-bottom:5px;}
.client-view-menu a{height:37px;display:flex;align-items:center;text-decoration:none;color:#2b2f36;font-size:15px;font-weight:400;padding:0 29px;border-radius:4px}
.client-view-menu a.active{background:#dceefb;color:#111827}
.client-create-view{width:100%;height:34px;border:0;background:#f5f7f9;color:#0b63c7;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:4px;font-size:15px;font-weight:500;margin-top:6px}
.client-right-tools{position:relative}
.client-create-wrap{position:relative;display:flex;align-items:center}
.client-main-create{border-radius:18px 0 0 18px;padding-right:11px}
.client-create-arrow{height:34px;width:34px;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0 18px 18px 0;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px}
.client-create-menu{position:absolute;right:0;top:40px;width:246px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.12);z-index:35;padding:6px;display:none}
.client-create-menu.show{display:block}
.client-menu-head{height:30px;background:#f1f5f8;border-radius:4px;color:#111827;font-size:14px;font-weight:600;display:flex;align-items:center;padding:0 10px}
.client-create-menu a{height:38px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#2b2f36;font-size:14px;font-weight:400;padding:0 10px;border-radius:4px}
.client-create-menu a:hover{background:#eef6fa;color:#0b63c7}
.client-create-menu i{width:18px;color:#64748b;font-size:16px}
.client-more-wrap{position:relative}
.client-more-menu{position:absolute;right:0;top:40px;width:198px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.12);z-index:35;padding:6px;display:none}
.client-more-menu.show{display:block}
.client-more-menu a{height:39px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#2b2f36;font-size:14px;font-weight:400;padding:0 10px;border-radius:4px}
.client-more-menu a:hover{background:#eef6fa;color:#0b63c7}
.client-more-menu i{width:18px;color:#64748b;font-size:16px}
.client-body{flex:1;min-height:0;display:flex;background:#fff;overflow:hidden}
.client-filter-panel{width:347px;min-width:347px;height:100%;border-right:1px solid #dfe7ef;background:#fff;padding:0 17px 18px;overflow:hidden}
.client-filter-head{height:36px;display:flex;align-items:center;gap:10px;color:#111827;font-size:16px;font-weight:600}
.client-filter-head a{width:20px;height:20px;color:#334155;display:flex;align-items:center;justify-content:center;text-decoration:none}
.client-filter-form{margin:0;border:1px solid var(--tb-accent);background:#fff;display:flex;flex-direction:column}
.client-filter-select{height:34px;border:0;border-bottom:1px solid #e5edf3;background:#fff;color:#9ca3af;font-size:14px;padding:0 12px;outline:0}
.client-filter-input{height:34px;border:0;border-bottom:1px solid #e5edf3;background:#fff;color:#111827;font-size:14px;padding:0 12px;outline:0}
.client-filter-apply{height:32px;border:0;background:var(--tb-accent);color:#fff;font-size:13px;font-weight:600}
.client-filter-list{height:calc(100% - 104px);overflow:auto;border-left:1px solid var(--tb-accent);border-right:1px solid var(--tb-accent);border-bottom:1px solid var(--tb-accent);padding:5px 0}
.client-filter-list a{height:37px;display:flex;align-items:center;color:#2b2f36;text-decoration:none;font-size:15px;font-weight:400;padding:0 15px}
.client-filter-list a:hover,.client-filter-list a.active{background:#eef6fa;color:var(--tb-accent)}
.client-list-area{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}
.client-table-wrap{width:100%;height:100%;overflow:auto;background:#fff}
.client-table{min-width:1120px}
.client-table thead th{height:33px;font-size:13px;font-weight:600}
.client-table tbody td{height:38px;font-size:14px;font-weight:500}
.client-table tbody tr:hover td{background:#fbfdff}
.client-table .client-name-link{color:#111827;text-decoration:none;font-weight:600}
.client-table .client-name-link:hover{color:#0b63c7;text-decoration:underline}
.client-create-field{width:190px}
.client-create-field button{height:28px;border:0;background:transparent;color:#0b63c7;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.client-column-button{width:27px;height:27px;border:0;background:transparent;color:#334155;font-size:15px;display:flex;align-items:center;justify-content:center}
.client-row-actions{width:76px;text-align:center}
.client-row-actions button{width:24px;height:24px;border:0;background:transparent;color:#64748b;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.client-row-actions button:hover{color:#0b63c7}
.client-empty{height:160px!important;text-align:center!important;color:#64748b!important;font-size:15px!important;font-weight:500!important}
.client-status{height:22px;border-radius:12px;display:inline-flex;align-items:center;padding:0 9px;font-size:12px;font-weight:600}
.client-status.active{background:var(--tb-accent-soft);color:var(--tb-accent)}
.client-status.inactive{background:#fee2e2;color:#dc2626}
.client-footer-bar{height:39px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 -2px 4px rgba(15,23,42,.04)}
.client-footer-stats{display:flex;align-items:center;gap:28px;color:#111827;font-size:13px;font-weight:500}
.client-footer-stats span{white-space:nowrap}
.client-footer-stats b{margin-left:6px;font-weight:600}
.client-footer-pages{display:flex;align-items:center;gap:13px;color:#111827;font-size:13px;font-weight:500}
.client-footer-pages select{height:28px;border:1px solid #cbd5e1;border-radius:15px;background:#fff;padding:0 24px 0 12px;font-size:13px;outline:0}
.client-footer-pages a{width:22px;height:22px;color:#64748b;text-decoration:none;display:flex;align-items:center;justify-content:center}
.client-footer-pages a.disabled{opacity:.35;pointer-events:none}
.client-phone-control{flex:1;display:grid;grid-template-columns:70px 1fr;gap:8px}
.client-code-control{text-align:center;padding:0!important}
.client-address-title{margin:0 0 18px 160px}
.drawer-section-gap{height:5px}
 
.client-drag-dot{width:22px;height:36px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px; display:none;}
.client-column-footer{height:56px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;gap:10px;padding:0 20px;position:sticky;bottom:0}
@media(max-width:991px){.client-filter-panel{width:300px;min-width:300px}.client-footer-stats{gap:14px}.client-footer-stats span{font-size:12px}.client-table{min-width:1050px}}
@media(max-width:767px){.client-page{height:calc(100vh - 47px)}.client-toolbar{padding:0 10px}.client-filter-panel{position:absolute;left:0;top:53px;bottom:39px;z-index:25}.client-footer-stats{display:none}.client-create-menu,.client-more-menu,.client-view-menu{right:0;left:auto}}
.owner-select-control{width:220px;height:34px;border:1px solid #cbd5e1;border-radius:17px;background:#f8fafc;color:#2b2f36;font-size:14px;padding:0 14px;outline:0}
.client-drawer-form .drawer-field-row label{font-size:15px;color:#4b5563;font-weight:500}
.client-drawer-form .drawer-section-title{font-size:18px;color:#1f2937;font-weight:600}
.client-drawer-form .drawer-control{height:38px}
.client-drawer-form textarea.drawer-control{height:76px;padding-top:9px}
.drawer-check-control{flex:1;height:38px;display:flex;align-items:center}
.drawer-check-control label{height:38px;display:flex;align-items:center;gap:8px;font-size:15px;color:#2b2f36}
.drawer-check-control input[type="checkbox"]{width:16px;height:16px;accent-color:var(--tb-accent)}
.bigin-lookup-wrap{flex:1;position:relative}
.bigin-lookup-input{height:38px;border:1px solid #cbd5e1;background:#fff;display:flex;align-items:center;position:relative;cursor:pointer}
.bigin-lookup-input:focus,.bigin-lookup-input:hover{border-color:var(--tb-accent)}
.bigin-lookup-placeholder{color:#9ca3af;font-size:15px;padding-left:12px;display:block}
.bigin-lookup-text{color:#1f2937;font-size:15px;padding-left:12px;display:none}
.bigin-lookup-input.selected .bigin-lookup-placeholder{display:none}
.bigin-lookup-input.selected .bigin-lookup-text{display:block}
.bigin-lookup-icon{position:absolute;right:11px;top:9px;color:#6b7280;font-size:17px}
.bigin-lookup-clear{position:absolute;right:36px;top:8px;width:22px;height:22px;border:0;background:transparent;color:#6b7280;display:none;align-items:center;justify-content:center}
.bigin-lookup-input.selected .bigin-lookup-clear{display:flex}
.bigin-lookup-menu{position:absolute;left:0;top:39px;width:100%;background:#fff;border:1px solid var(--tb-accent);box-shadow:0 8px 18px rgba(15,23,42,.14);z-index:80;display:none}
.bigin-lookup-menu.show{display:block}
.bigin-lookup-search{height:47px;padding:9px 12px;position:relative}
.bigin-lookup-search input{width:100%;height:30px;border:1px solid #cbd5e1;border-radius:2px;padding:0 34px 0 10px;font-size:14px;outline:0}
.bigin-lookup-search i{position:absolute;right:23px;top:16px;color:#64748b;font-size:15px}
.bigin-lookup-list{max-height:170px;overflow:auto}
.bigin-lookup-option{width:100%;height:34px;border:0;background:#fff;text-align:left;padding:0 15px;color:#374151;font-size:14px}
.bigin-lookup-option:hover{background:#eef6fa;color:#0b63c7}
.bigin-lookup-new{width:100%;height:39px;border:0;background:#f5f7f9;color:#0b63c7;text-align:left;padding:0 15px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px}
.quick-company-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(17,24,39,.68);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:23px}
.quick-company-overlay.show{display:flex}
.quick-company-modal{width:590px;background:#fff;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.28);overflow:hidden}
.quick-company-head{height:52px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;padding:0 30px}
.quick-company-head h3{margin:0;color:#111827;font-size:22px;font-weight:600}
.quick-company-body{padding:38px 50px 30px}
.quick-company-body .drawer-field-row{grid-template-columns:125px 1fr;margin-bottom:20px}
.quick-company-footer{height:62px;background:#f8fafc;border-top:1px solid #e5edf3;display:flex;align-items:center;justify-content:end;padding:0 30px}
.client-columns-panel{width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;border-top:3px solid var(--tb-accent);overflow:hidden}
.client-columns-panel h3{height:50px;margin:0;padding:0 20px;display:flex;align-items:center;color:#111827!important;font-size:18px;font-weight:600;background:#fff}
.client-column-search{height:46px;padding:7px 20px;position:relative;background:#fff}
.client-column-search input{width:100%;height:31px;border:1px solid #cbd5e1;border-radius:3px;background:#fff;outline:0;color:#111827;font-size:14px;padding:0 34px 0 11px}
.client-column-search i{position:absolute;right:30px;top:15px;color:#64748b;font-size:15px}
.client-column-list{flex:1;overflow:auto;padding:0 14px 70px;background:#fff}
.client-column-row{height:36px;border:1px solid #e5edf3;border-radius:4px;background:#fff;display:flex!important;align-items:center;margin:0 0 7px;overflow:hidden;color:#111827}
.client-column-row input{width:16px;height:16px;accent-color:var(--tb-accent);margin:0 10px}
.client-column-row span:last-child{font-size:15px;color:#2b2f36;font-weight:400}
.client-drag-dot{width:22px;height:36px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}
.client-column-footer{height:56px;border-top:1px solid #dfe7ef;background:#fff;display:flex;align-items:center;gap:10px;padding:0 20px;position:sticky;bottom:0}
.client-column-footer .drawer-save{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
.client-column-footer .drawer-cancel{height:34px;border:1px solid #cbd5e1;background:#fff;color:#111827;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
#pop2,#pop,#rightpopup,.rightpopup,.right-drawer,.drawer-box{background:#fff}
#pop2 .client-columns-panel,#pop .client-columns-panel,.rightpopup .client-columns-panel,.right-drawer .client-columns-panel{background:#fff}
.client-custom-search{height:34px;width:360px;display:flex;align-items:center;position:relative;margin-left:10px}
.client-custom-search input{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:17px;background:#fff;color:#111827;font-size:14px;padding:0 62px 0 14px;outline:0}
.client-custom-search input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 1px var(--tb-accent) inset}
.client-custom-search button{position:absolute;right:30px;top:5px;width:24px;height:24px;border:0;background:transparent;color:#64748b;font-size:14px;display:flex;align-items:center;justify-content:center}
.client-custom-search a{position:absolute;right:8px;top:6px;width:22px;height:22px;color:#64748b;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px}
.client-custom-search a:hover,.client-custom-search button:hover{color:var(--tb-accent)}
.client-view-menu a[href*="custom_search"]{color:#0b63c7;font-weight:600}
.client-filter-head{height:38px;display:flex;align-items:center;color:#111827;font-size:16px;font-weight:600;padding:0 14px;border-bottom:1px solid #e5edf3}
.client-filter-head a{display:none}
.client-filter-form{display:none!important}
.client-filter-list.clean{height:calc(100% - 38px);overflow:auto;border:0;padding:6px 0}
.client-filter-list.clean a{height:37px;display:flex;align-items:center;color:#2b2f36;text-decoration:none;font-size:15px;font-weight:400;padding:0 15px}
.client-filter-list.clean a:hover,.client-filter-list.clean a.active{background:#eef6fa;color:var(--tb-accent)}
.pipeline-sub-menu{display:block!important}
.client-import-box{height:100%;background:#fff;display:flex;flex-direction:column}
.client-import-steps{height:58px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;padding:0 24px;gap:28px}
.client-import-step{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:600}
.client-import-step span{width:24px;height:24px;border-radius:50%;background:#e5e7eb;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.client-import-step.active{color:var(--tb-accent)}
.client-import-step.active span,.client-import-step.done span{background:var(--tb-accent);color:#fff}
.client-import-upload{padding:34px 38px}
.client-import-drop{height:240px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#475569;text-align:center}
.client-import-drop.dragging{border-color:var(--tb-accent);background:var(--tb-accent-soft)}
.client-import-drop input{display:none}
.client-import-drop i{font-size:46px;color:var(--tb-accent);margin-bottom:14px}
.client-import-drop strong{font-size:18px;color:#111827;font-weight:600;margin-bottom:8px}
.client-import-drop span{font-size:14px;color:#64748b;margin-bottom:12px}
.client-import-drop em{font-style:normal;font-size:13px;color:#0b63c7;font-weight:600}
.client-import-note{font-size:13px;color:#64748b;margin-top:13px}
.client-import-actions{height:58px;display:flex;align-items:center;justify-content:space-between;margin-top:24px}
.client-import-link{color:#0b63c7;text-decoration:none;font-size:14px;font-weight:600}
.client-import-map{flex:1;display:none;overflow:auto}
.client-import-map-form{height:100%;display:flex;flex-direction:column}
.client-import-map-head{padding:20px 28px 12px;border-bottom:1px solid #e5edf3}
.client-import-map-head h3{margin:0 0 5px;color:#111827;font-size:20px;font-weight:600}
.client-import-map-head p{margin:0;color:#64748b;font-size:13px}
.client-import-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 28px;border-bottom:1px solid #e5edf3}
.client-import-options label{display:block;color:#374151;font-size:13px;font-weight:600;margin-bottom:7px}
.client-import-options select{width:100%;height:36px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:14px;padding:0 10px;outline:0}
.client-import-map-table{flex:1;overflow:auto;padding:0 28px 70px}
.client-import-map-table table{width:100%;border-collapse:collapse}
.client-import-map-table th{height:38px;border-bottom:1px solid #e5edf3;text-align:left;color:#111827;font-size:13px;font-weight:600;background:#fff;position:sticky;top:0}
.client-import-map-table td{height:42px;border-bottom:1px solid #eef2f6;color:#374151;font-size:14px}
.client-import-map-table select{width:100%;height:32px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:14px;padding:0 8px;outline:0}
.client-import-footer{height:58px;border-top:1px solid #e5edf3;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px;position:sticky;bottom:0}
.client-import-error{padding:30px;color:#dc2626;font-size:15px;font-weight:600}
.duplicate-cleanup-box{height:100%;background:#fff;display:flex;flex-direction:column}
.duplicate-cleanup-head{padding:22px 28px 15px;border-bottom:1px solid #e5edf3}
.duplicate-cleanup-head h3{margin:0 0 6px;color:#111827;font-size:22px;font-weight:600}
.duplicate-cleanup-head p{margin:0;color:#64748b;font-size:14px}
.duplicate-cleanup-filter{height:68px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:12px;padding:0 28px}
.duplicate-cleanup-filter label{color:#374151;font-size:14px;font-weight:600}
.duplicate-cleanup-filter select{width:220px;height:34px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:14px;padding:0 10px;outline:0}
.duplicate-cleanup-result{flex:1;overflow:auto;background:#f8fafc;padding:18px 24px 70px}
.duplicate-summary{height:38px;background:#fff;border:1px solid #e5edf3;border-radius:8px;display:flex;align-items:center;padding:0 14px;margin-bottom:14px;color:#334155;font-size:14px}
.duplicate-summary strong{color:var(--tb-accent);margin-right:5px}
.duplicate-group-card{background:#fff;border:1px solid #e5edf3;border-radius:10px;margin-bottom:16px;overflow:hidden}
.duplicate-group-title{height:42px;background:#f1f5f9;border-bottom:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#111827;font-size:14px;font-weight:600}
.duplicate-group-title em{font-style:normal;color:#64748b;font-size:13px}
.duplicate-table{width:100%;border-collapse:collapse}
.duplicate-table th{height:36px;background:#fff;border-bottom:1px solid #e5edf3;text-align:left;color:#111827;font-size:13px;font-weight:600;padding:0 10px}
.duplicate-table td{height:38px;border-bottom:1px solid #f1f5f9;color:#374151;font-size:13px;padding:0 10px}
.duplicate-table tr:last-child td{border-bottom:0}
.duplicate-table input[type="radio"],.duplicate-table input[type="checkbox"]{width:15px;height:15px;accent-color:var(--tb-accent)}
.duplicate-footer{height:58px;border-top:1px solid #e5edf3;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px;position:sticky;bottom:0}
.duplicate-empty{background:#fff;border:1px solid #e5edf3;border-radius:8px;padding:30px;text-align:center;color:#64748b;font-size:15px;font-weight:600}
.duplicate-group-footer{height:52px;border-top:1px solid #e5edf3;background:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 14px}
.duplicate-merge-form{height:100%;display:flex;flex-direction:column;background:#fff}
.duplicate-merge-head{height:70px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:14px;padding:0 24px}
.duplicate-merge-head button{width:30px;height:30px;border:0;background:#eef2f6;color:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center}
.duplicate-merge-head h3{margin:0 0 4px;color:#111827;font-size:21px;font-weight:600}
.duplicate-merge-head p{margin:0;color:#64748b;font-size:13px}
.duplicate-primary-box{border-bottom:1px solid #e5edf3;padding:16px 24px;background:#f8fafc}
.duplicate-primary-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:10px}
.duplicate-primary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.duplicate-primary-item{min-height:54px;background:#fff;border:1px solid #e5edf3;border-radius:8px;display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer}
.duplicate-primary-item input{width:16px;height:16px;accent-color:var(--tb-accent)}
.duplicate-primary-item span{display:flex;flex-direction:column;gap:3px}
.duplicate-primary-item b{color:#111827;font-size:14px;font-weight:600}
.duplicate-primary-item em{color:#64748b;font-size:12px;font-style:normal}
.duplicate-merge-table-wrap{flex:1;overflow:auto;padding:0 24px 70px}
.duplicate-merge-table{width:100%;border-collapse:collapse}
.duplicate-merge-table th{height:40px;background:#fff;border-bottom:1px solid #e5edf3;text-align:left;color:#111827;font-size:13px;font-weight:600;position:sticky;top:0;z-index:2}
.duplicate-merge-table td{min-height:42px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:8px 10px;vertical-align:top}
.duplicate-merge-table td:first-child{background:#fbfdff}
.duplicate-value-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.duplicate-value-option input{width:15px;height:15px;accent-color:var(--tb-accent);margin-top:2px}
.duplicate-value-option span{line-height:18px;color:#374151}
.duplicate-value-option em{color:#94a3b8;font-style:normal}
.drawer-save{padding:0px 20px;}
.client-bulk-bar{display:none;align-items:center;gap:10px;margin-left:10px}
.client-bulk-bar.show{display:flex}
.client-view-wrap.bulk-hide,.client-custom-search.bulk-hide{display:none!important}
.client-bulk-more-wrap{position:relative}
.client-bulk-more-btn{height:34px;border:1px solid #cbd5e1;background:#fff;color:#111827;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}
.client-bulk-more-btn i{font-size:10px;color:#64748b}
.client-selected-pill{height:34px;background:#f1f5f9;border-radius:18px;display:flex;align-items:center;gap:8px;padding:0 8px 0 15px;color:#111827;font-size:14px;font-weight:600}
.client-selected-pill button{width:22px;height:22px;border:0;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center}
.client-selected-pill button:hover{color:#111827}
.client-bulk-menu{position:absolute;left:0;top:39px;width:150px;background:#fff;border:1px solid #cfd9e3;border-radius:4px;box-shadow:0 8px 18px rgba(15,23,42,.14);z-index:50;padding:6px;display:none; width:180px;}
.client-bulk-menu.show{display:block}
.client-bulk-menu a{height:36px;display:flex;align-items:center;gap:9px;text-decoration:none;color:#111827;font-size:14px;font-weight:400;padding:0 10px;border-radius:3px}
.client-bulk-menu a:hover{background:#eef6fa;color:#0b63c7}
.client-bulk-menu i{width:16px;color:#64748b;font-size:15px}
.client-bulk-change-box{padding:25px 28px 80px}
.client-bulk-change-box h3{margin:0 0 6px;color:#111827;font-size:22px;font-weight:600}
.client-bulk-change-box p{margin:0 0 24px;color:#64748b;font-size:14px}
.client-detail-page{height:calc(100vh - 47px);background:#eef4f8;overflow:hidden;display:flex;flex-direction:column}
.client-detail-header{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.client-detail-left{display:flex;align-items:center;gap:13px}
.client-back{width:28px;height:28px;color:#334155;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px}
.client-avatar-lg{width:48px;height:48px;border-radius:50%;background:#dbeafe;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.client-detail-title{display:flex;align-items:center;gap:8px}
.client-detail-title h2{margin:0;color:#111827;font-size:20px;font-weight:600}
.client-detail-title button{border:0;background:transparent;color:#94a3b8;font-size:15px}
.client-detail-sub{display:flex;align-items:center;gap:16px;margin-top:4px;color:#334155;font-size:13px}
.client-detail-sub a{color:#0b63c7;text-decoration:none}
.client-detail-sub i{color:#f59e0b}
.client-detail-actions{display:flex;align-items:center;gap:8px}
.send-mail-btn{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px}
.detail-round-btn{width:34px;height:34px;border:0;background:var(--tb-accent-soft);color:var(--tb-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}
.detail-nav-btn{width:34px;height:34px;border:1px solid #cbd5e1;background:#fff;color:#334155;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:16px}
.detail-more-wrap{position:relative}
.detail-more-menu{position:absolute;right:0;top:40px;width:235px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.14);z-index:60;padding:6px;display:none}
.detail-more-menu.show{display:block}
.detail-more-menu a{height:36px;display:flex;align-items:center;gap:10px;color:#111827;text-decoration:none;font-size:14px;padding:0 10px;border-radius:4px}
.detail-more-menu a:hover{background:#eef6fa;color:#0b63c7}
.client-detail-layout{flex:1;min-height:0;display:grid;grid-template-columns:400px 1fr}
.client-detail-sidebar{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:18px 15px}
.detail-side-block{margin-bottom:24px}
.detail-side-block h4{margin:0 0 10px;color:#111827;font-size:15px;font-weight:600}
.detail-stat-row{height:30px;display:flex;align-items:center;gap:9px;color:#111827;font-size:15px}
.detail-stat-row b{margin-left:6px}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.dot.red{background:#fb9b8b}
.dot.blue{background:#5fb5e8}
.detail-info-row{min-height:32px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;color:#111827;font-size:15px}
.detail-info-row i{color:#64748b;font-size:15px}
.detail-info-row span{display:block;color:#111827;line-height:20px;word-break:break-word}
.detail-description{margin:0;color:#111827;font-size:14px;line-height:22px}
.client-detail-sidebar .detail-side-block .detail-info-text{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:8px;align-items:start;width:100%;padding:3px 0;font-size:14px;color:#334155;line-height:20px}
.client-detail-sidebar .detail-side-block .detail-info-text span{display:block;text-align:left;color:#111827;font-size:14px;line-height:20px;word-break:break-word}
.detail-modified{display:flex;align-items:center;gap:9px;color:#334155;font-size:14px;margin-top:30px}
.client-detail-main{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.client-detail-tabs{height:42px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:flex-end;padding:0 18px;gap:24px}
.client-detail-tabs a{height:42px;display:flex;align-items:center;gap:7px;color:#111827;text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}
.client-detail-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.client-detail-tabs span{min-width:18px;height:18px;border-radius:10px;background:#dceefb;color:#0f172a;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.client-detail-content{flex:1;overflow:auto;background:#eef4f8;padding:16px}
.timeline-box,.notes-box,.activity-box,.emails-box,.pipelines-box,.documents-box{background:#fff;min-height:100%;border-radius:6px}
.timeline-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.timeline-head h3{margin:0;color:#111827;font-size:16px;font-weight:600}
.timeline-head button{height:30px;border:1px solid #cbd5e1;background:#fff;border-radius:16px;padding:0 12px}
.timeline-list{padding:0 30px 30px}
.timeline-day{height:40px;margin-left:70px;color:#334155;font-size:12px;font-weight:600;display:flex;align-items:center;gap:16px}
.timeline-day span{width:11px;height:11px;background:#35c796;border-radius:50%;display:inline-block}
.timeline-item{display:grid;grid-template-columns:70px 20px 34px 1fr;gap:10px;min-height:64px}
.timeline-time{font-size:13px;color:#334155;padding-top:8px;text-align:right}
.timeline-dot{width:12px;height:12px;border:2px solid #cbd5e1;border-radius:50%;margin-top:8px}
.timeline-icon{color:#64748b;font-size:18px;padding-top:4px}
.timeline-text b{font-size:14px;color:#111827}
.timeline-text p{margin:4px 0 0;font-size:14px;color:#111827;line-height:20px}
.note-add-form{padding:18px 30px 8px}
.notes-filter-title,.activity-title{height:58px;color:#111827;font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}
.note-add-form textarea{width:100%;height:50px;border:8px solid #eef3f7;border-radius:4px;background:#fff;color:#111827;font-size:14px;padding:10px;outline:0}
.note-add-form button{margin-top:10px}
.notes-list{padding:10px 30px}
.note-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f6}
.note-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:#334155}
.note-meta b{color:#111827}
.note-item p{margin:6px 0 0;color:#111827;font-size:14px;line-height:21px}
.activity-toolbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.activity-pills,.email-pills{height:34px;border:1px solid #cbd5e1;border-radius:18px;display:flex;align-items:center;padding:2px}
.activity-pills button,.email-pills button{height:28px;border:0;background:transparent;color:#111827;border-radius:15px;padding:0 16px;font-size:13px;font-weight:600}
.activity-pills button.active,.email-pills button.active{background:#dceefb}
.activity-actions{display:flex;align-items:center;gap:10px}
.activity-actions button,.pipeline-detail-head button{height:34px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:18px;padding:0 15px;font-size:14px;font-weight:600}
.activity-title{padding:0 20px}
.detail-table{width:100%;border-collapse:collapse}
.detail-table th { height: 36px; border-top: 1px solid #dfe7ef; border-bottom: 1px solid #dfe7ef; text-align: left; color: #212129; font-size: 13px; font-weight: 500; padding: 0 14px; background: #fff; }
.detail-table td{height:40px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;padding:0 14px}
.detail-empty-cell{text-align:center!important;height:120px!important;color:#64748b!important}
.detail-empty-state{padding:30px;color:#64748b;font-size:15px;text-align:center}
.email-pills{margin:22px 20px 18px;width:max-content}
.pipeline-detail-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.pipeline-detail-head h3{margin:0 0 15px;color:#111827;font-size:15px}
.pipeline-detail-head p{margin:0;color:#334155;font-size:14px}
.document-upload-form{padding:20px}
.document-drop{height:50px;border:1px dashed #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:8px;color:#111827;font-size:14px;cursor:pointer}
.document-drop input{display:none}
.document-drop b{color:#0b63c7}
.document-list{padding:0 20px 20px}
.document-item{height:62px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:14px;text-decoration:none;color:#111827}
.document-item i{font-size:30px;color:#64748b}
.document-item span{display:flex;flex-direction:column;gap:3px}
.document-item b{font-size:14px;color:#111827}
.document-item em{font-style:normal;font-size:12px;color:#334155}
.email-compose-form{height:100vh;background:#fff;display:flex;flex-direction:column}
.email-compose-head{height:48px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:16px;padding:0 18px}
.email-compose-head .email-from{font-size:15px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px;margin-right:auto}
.email-compose-head a{color:#0b63c7;text-decoration:none;font-size:13px;font-weight:600}
.email-compose-head button{border:0;background:#eef2f6;width:28px;height:28px;border-radius:50%;color:#64748b}
.email-compose-row{height:40px;border-bottom:1px solid #e5edf3;display:grid;grid-template-columns:80px 1fr;align-items:center;padding:0 20px}
.email-compose-row label{font-size:14px;color:#111827}
.email-compose-row sup{color:#dc2626}
.email-compose-row input{border:0;outline:0;height:38px;font-size:14px;color:#111827}
.email-editor-toolbar{height:42px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:4px;padding:0 14px}
.email-editor-toolbar button{width:28px;height:28px;border:0;background:#fff;color:#334155;font-size:14px}
.email-editor-toolbar button:hover{background:#eef2f6}
.email-body-editor{flex:1;outline:0;padding:18px;font-size:15px;line-height:24px;color:#111827;overflow:auto}
.email-compose-footer{height:52px;border-top:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.email-attach{border:0;background:transparent;color:#334155;font-weight:600}
.client-detail-empty{padding:40px;color:#dc2626;font-size:16px}
@media(max-width:1100px){.client-detail-layout{grid-template-columns:360px 1fr}.client-detail-sidebar{padding:14px}.client-detail-tabs{gap:14px}}
.bigin-timeline-box{background:#fff;min-height:100%;border-radius:4px;padding:0}
.bigin-timeline-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.bigin-timeline-head h3{margin:0;color:#111827;font-size:16px;font-weight:600}
.bigin-timeline-filter{font-size:14px;color:#111827}
.bigin-timeline-filter button{height:30px;border:1px solid #cbd5e1;background:#fff;border-radius:16px;padding:0 12px;color:#334155;font-size:13px}
.bigin-timeline-list{padding:0 0 40px 28px;position:relative}
.bigin-timeline-day{height:36px;margin-left:82px;display:flex;align-items:center;gap:18px;color:#111827;font-size:12px;margin-left: 87px; margin-top: 0px; z-index: 9; position: relative;}
.bigin-timeline-day span{width:11px;height:11px;border-radius:50%;background:#35c796;display:inline-block}
.bigin-timeline-day b{font-size:12px;font-weight:600;color:#111827}
.bigin-timeline-item{display:grid;grid-template-columns:70px 24px 34px 1fr;column-gap:10px;min-height:66px;position:relative}
.bigin-timeline-time{font-size:13px;color:#111827;text-align:right;padding-top:7px;white-space:nowrap}
.bigin-timeline-line{position:relative;display:flex;justify-content:center}
.bigin-timeline-line:before{content:"";position:absolute;top:-18px;bottom:-18px;left:50%;width:1px;background:#dfe7ef;transform:translateX(-50%)}
.bigin-timeline-line span{width:12px;height:12px;background:#fff;border:2px solid #d5e0ea;border-radius:50%;position:relative;z-index:2;margin-top:7px}
.bigin-timeline-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:1px;color:#64748b;font-size:18px}
.bigin-timeline-icon.note{color:#64748b}
.bigin-timeline-icon.file{color:#7c3aed}
.bigin-timeline-icon.email{color:#0b63c7}
.bigin-timeline-icon.task,.bigin-timeline-icon.event,.bigin-timeline-icon.call{color:#8b5e34}
.bigin-timeline-text{padding:0 20px 18px 0}
.bigin-timeline-text h4{margin:0 0 5px;color:#111827;font-size:14px;font-weight:600;line-height:20px}
.bigin-timeline-text p{margin:0;color:#111827;font-size:14px;font-weight:400;line-height:20px;max-width:720px}
.bigin-timeline-item:hover .bigin-timeline-text h4{color:#0b63c7}
.bigin-notes-box{background:#fff;min-height:100%;border-radius:4px;padding:0 0 30px}
.bigin-note-form{padding:0 18px 0;margin:0}
.bigin-note-filter{height:58px;display:flex;align-items:center;gap:6px;color:#111827;font-size:15px;font-weight:600}
.bigin-note-editor{background:#eef3f7;border-radius:6px;padding:7px 10px 0; min-height:50px;}
.bigin-note-title{display:none;width:100%;height:36px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:14px;padding:0 10px;margin-bottom:8px;outline:0}
.bigin-note-form.title-active .bigin-note-title{display:block}
.bigin-note-editor textarea{width:100%;height:34px;min-height:34px;border:0;background:#fff;color:#111827;font-size:14px;padding:8px 10px;outline:0;resize:vertical;display:block}
.bigin-note-form.active .bigin-note-editor textarea{height:128px;border:1px solid var(--tb-accent)}
.bigin-note-actions{height:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.bigin-note-form.active .bigin-note-actions{height:46px}
.bigin-note-left-actions{display:flex;align-items:center;gap:12px}
.bigin-note-left-actions .drawer-save{height:31px;border-radius:18px;padding:0 16px}
.bigin-note-left-actions .drawer-cancel{height:31px;border-radius:18px;padding:0 16px}
.bigin-note-attach{height:31px;display:flex;align-items:center;gap:7px;color:#111827;font-size:14px;font-weight:600;cursor:pointer}
.bigin-note-attach input{display:none}
.bigin-note-attach i{color:#64748b;font-size:18px}
.bigin-note-title-btn{height:31px;border:0;background:transparent;color:#111827;font-size:14px;font-weight:600}
.bigin-note-title-btn:hover,.bigin-note-attach:hover{color:#0b63c7}
.bigin-note-file-name{color:#64748b;font-size:12px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-notes-list{padding:15px 30px}
.bigin-note-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f6}
.bigin-note-content{min-width:0}
.bigin-note-meta{display:flex;align-items:center;gap:14px;color:#334155;font-size:13px}
.bigin-note-meta b{color:#111827;font-weight:600}
.bigin-note-meta span{color:#475569}
.bigin-note-content h4{margin:7px 0 3px;color:#111827;font-size:15px;font-weight:600}
.bigin-note-content p{margin:5px 0 0;color:#111827;font-size:14px;line-height:21px}
.bigin-note-attachments{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.bigin-note-attachments a{min-height:32px;border:1px solid #e5edf3;background:#f8fafc;border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 10px;text-decoration:none;color:#111827;font-size:13px;width:max-content;max-width:420px}
.bigin-note-attachments a:hover{border-color:#0b63c7;color:#0b63c7}
.bigin-note-attachments i{color:#64748b;font-size:15px}
.bigin-note-attachments span{font-weight:600;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-note-attachments em{font-style:normal;color:#64748b;font-size:12px}
.activity-pills{height:34px;border:1px solid #cbd5e1;border-radius:18px;display:flex;align-items:center;padding:2px;background:#fff}
.activity-pills a{height:28px;border:0;background:transparent;color:#111827;border-radius:15px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:5px}
.activity-pills a.active{background:#dceefb}
.activity-pills a span{min-width:18px;height:18px;border-radius:9px;background:#eef4f8;color:#111827;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.activity-pills a.active span{background:#fff}
.activity-title.clean-title{height:34px;color:#111827;font-size:15px;font-weight:600;display:flex;align-items:center;padding:0 20px}
.activity-title.clean-title i{display:none}
.activity-actions button{height:34px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:18px;padding:0 15px;font-size:14px;font-weight:600}
.ui-datepicker{width:292px!important;background:#fff!important;border:1px solid #d7e1ea!important;border-radius:12px!important;box-shadow:0 14px 32px rgba(15,23,42,.18)!important;padding:10px!important;font-family:Arial,sans-serif!important;z-index:999999!important}
.ui-datepicker .ui-datepicker-header{height:42px;background:#fff!important;border:0!important;border-bottom:1px solid #eef2f6!important;border-radius:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important}
.ui-datepicker .ui-datepicker-title{margin:0 34px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#111827!important;font-size:14px!important;font-weight:600!important;line-height:42px!important}
.ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year{height:30px!important;border:1px solid #d7e1ea!important;border-radius:7px!important;background:#f8fafc!important;color:#111827!important;font-size:13px!important;font-weight:600!important;padding:0 7px!important;outline:0!important}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:7px!important;width:28px!important;height:28px!important;border:1px solid #e5edf3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important}
.ui-datepicker .ui-datepicker-prev{left:4px!important}
.ui-datepicker .ui-datepicker-next{right:4px!important}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:none!important}
 
.ui-datepicker table{width:100%!important;margin:8px 0 0!important;border-collapse:separate!important;border-spacing:4px!important}
.ui-datepicker th{height:26px!important;padding:0!important;color:#64748b!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important}
.ui-datepicker td{padding:0!important;border:0!important}
.ui-datepicker td a,.ui-datepicker td span{width:34px!important;height:32px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#111827!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:600!important;text-align:center!important;padding:0!important}
.ui-datepicker td a:hover{background:var(--tb-accent-soft)!important;color:var(--tb-accent)!important}
.ui-datepicker .ui-state-highlight{background:#f1f5f9!important;color:var(--tb-accent)!important;border:1px solid var(--tb-accent-border)!important}
.ui-datepicker .ui-state-active{background:var(--tb-accent)!important;color:#fff!important;border:0!important}
.ui-datepicker .ui-datepicker-unselectable span{color:#cbd5e1!important;background:#fff!important}
.ui-datepicker .ui-datepicker-today a{background:var(--tb-accent-soft)!important;color:var(--tb-accent)!important}
.ui-datepicker .ui-datepicker-current-day a{background:var(--tb-accent)!important;color:#fff!important}
.ui-datepicker-buttonpane{border-top:1px solid #eef2f6!important;margin:8px 0 0!important;padding:8px 0 0!important}
.ui-datepicker-buttonpane button{height:30px!important;border:1px solid #d7e1ea!important;border-radius:16px!important;background:#fff!important;color:#111827!important;font-size:13px!important;font-weight:600!important;padding:0 12px!important}
.ui-datepicker-buttonpane .ui-datepicker-close{background:var(--tb-accent)!important;color:#fff!important;border-color:var(--tb-accent)!important}
.tb-jquery-datepicker{background:#fff!important;cursor:pointer}
.tb-jquery-datepicker:focus{border-color:var(--tb-accent)!important;box-shadow:0 0 0 1px var(--tb-accent) inset!important}
.ui-datepicker .ui-icon{background-image:none!important;text-indent:0!important;overflow:visible!important}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:none!important;background:none!important}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:10px!important;width:30px!important;height:30px!important;border:1px solid #e5edf3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important}
.ui-datepicker .ui-datepicker-prev{left:10px!important}
.ui-datepicker .ui-datepicker-next{right:10px!important}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important}
.ui-datepicker .ui-datepicker-prev:after{content:""!important;position:absolute!important;left:10px!important;top:0!important;color:#334155!important;font-size:26px!important;font-weight:400!important;line-height:28px!important}
.ui-datepicker .ui-datepicker-next:after{content:""!important;position:absolute!important;left:11px!important;top:0!important;color:#334155!important;font-size:26px!important;font-weight:400!important;line-height:28px!important}
.ui-datepicker .ui-datepicker-header{height:50px!important;padding:0 46px!important}
.ui-datepicker .ui-datepicker-title{height:50px!important;line-height:50px!important;margin:0!important}
.ui-widget-header .ui-icon,.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:none!important}
 
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-icon,.ui-datepicker .ui-icon-circle-triangle-w,.ui-datepicker .ui-icon-circle-triangle-e{display:none!important;width:0!important;height:0!important;background:none!important;background-image:none!important;text-indent:0!important;overflow:hidden!important}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:10px!important;width:30px!important;height:30px!important;border:1px solid #e5edf3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ui-datepicker .ui-datepicker-prev{left:10px!important}
.ui-datepicker .ui-datepicker-next{right:10px!important}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important}
.ui-datepicker .ui-datepicker-prev:after{content:""!important;color:#334155!important;font-size:28px!important;font-weight:400!important;line-height:26px!important;margin-top:-3px!important}
.ui-datepicker .ui-datepicker-next:after{content:""!important;color:#334155!important;font-size:28px!important;font-weight:400!important;line-height:26px!important;margin-top:-3px!important}
.ui-datepicker .ui-widget-header .ui-icon,.ui-datepicker .ui-state-hover .ui-icon,.ui-datepicker .ui-state-focus .ui-icon{background:none!important;background-image:none!important}
.ui-datepicker .ui-datepicker-header{height:50px!important;padding:0 48px!important}
.ui-datepicker .ui-datepicker-title{height:50px!important;line-height:50px!important;margin:0!important}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before,.ui-datepicker .ui-datepicker-prev:after,.ui-datepicker .ui-datepicker-next:after{content:none!important;display:none!important}
.ui-datepicker .ui-icon,.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:none!important;background:none!important;background-image:none!important;width:0!important;height:0!important;text-indent:-9999px!important;overflow:hidden!important}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{top:10px!important;width:30px!important;height:30px!important;border:1px solid #e5edf3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
.ui-datepicker .ui-datepicker-prev{left:10px!important}
.ui-datepicker .ui-datepicker-next{right:10px!important}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important}
.ui-datepicker .tb-dp-arrow{display:block!important;color:#334155!important;font-size:28px!important;font-weight:400!important;line-height:24px!important;margin-top:-3px!important;font-family:Arial,sans-serif!important}
.ui-datepicker .ui-datepicker-header{height:50px!important;padding:0 48px!important;background:#fff!important;border:0!important;border-bottom:1px solid #eef2f6!important}
.ui-datepicker .ui-datepicker-title{height:50px!important;line-height:50px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before,.ui-datepicker .ui-datepicker-prev:after,.ui-datepicker .ui-datepicker-next:after{content:""!important}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-icon,.ui-datepicker .ui-icon-circle-triangle-w,.ui-datepicker .ui-icon-circle-triangle-e{display:none!important;background:none!important;background-image:none!important;width:0!important;height:0!important;text-indent:-9999px!important;overflow:hidden!important}
.ui-datepicker a.ui-datepicker-prev,.ui-datepicker a.ui-datepicker-next{top:10px!important;width:30px!important;height:30px!important;border:1px solid #e5edf3!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:hidden!important}
.ui-datepicker a.ui-datepicker-prev{left:10px!important}
.ui-datepicker a.ui-datepicker-next{right:10px!important}
.ui-datepicker a.ui-datepicker-prev:hover,.ui-datepicker a.ui-datepicker-next:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important}
.ui-datepicker a.ui-datepicker-prev:after { display: block !important; width: 9px !important; height: 9px !important; border-left: 2px solid #334155 !important; border-bottom: 2px solid #334155 !important; transform: rotate(45deg) !important; margin-left: 0px !important; margin-top: 9px !important; }
.ui-datepicker a.ui-datepicker-next:after { display: block !important; width: 8px !important; height: 9px !important; border-right: 2px solid #334155 !important; border-top: 2px solid #334155 !important; transform: rotate(45deg) !important; margin-right: 0px !important; margin-top: 10px !important; }
.ui-datepicker .ui-datepicker-header{height:50px!important;padding:0 48px!important;background:#fff!important;border:0!important;border-bottom:1px solid #eef2f6!important}
.ui-datepicker .ui-datepicker-title{height:50px!important;line-height:50px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.activity-detail-table tbody tr.activity-row:hover td{background:#dff1f8}
.activity-name-cell{display:flex;align-items:center;gap:9px}
.activity-name-cell b{color:#111827}
.activity-row:hover .activity-name-cell b{color:#0b63c7}
.activity-eye-btn{width:18px;height:18px;border:1px solid #9cc7ca;background:#fff;border-radius:50%;color:var(--tb-accent);font-size:11px;display:none;align-items:center;justify-content:center;padding:0}
.activity-row:hover .activity-eye-btn{display:flex}
.activity-row-more-wrap{position:relative;display:flex;justify-content:center}
.activity-row-more{width:30px;height:30px;border:0;background:transparent;color:#64748b;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px}
.activity-row:hover .activity-row-more{display:flex;background:#d4e4ee}
.activity-row-menu{position:absolute;right:4px;top:32px;width:205px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.16);z-index:50;padding:6px;display:none}
.activity-row-menu.show{display:block}
.activity-row-menu a{height:36px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-size:14px;font-weight:400;padding:0 10px;border-radius:4px}
.activity-row-menu a:hover{background:#eef6fa;color:#0b63c7}
.activity-row-menu i{width:18px;color:#64748b;font-size:15px}
.activity-detail-drawer{height:100vh;background:#fff;display:flex;flex-direction:column}
.activity-detail-head{min-height:68px;background:#f8fafc;border-bottom:1px solid #e5edf3;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 18px}
.activity-detail-head h3{margin:0 0 7px;color:#0b63c7;font-size:16px;font-weight:600}
.activity-detail-owner{display:flex;align-items:center;gap:7px;color:#334155;font-size:13px}
.activity-detail-top-actions{display:flex;align-items:center;gap:8px}
.activity-detail-icon-btn,.activity-detail-close{width:32px;height:32px;border:0;background:#e7eff5;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}
.activity-detail-close{background:#e5e7eb}
.activity-detail-more-wrap{position:relative}
.activity-detail-menu{position:absolute;right:0;top:38px;width:205px;background:#fff;border:1px solid #cfd9e3;border-radius:6px;box-shadow:0 8px 18px rgba(15,23,42,.16);z-index:80;padding:6px;display:none}
.activity-detail-menu.show{display:block}
.activity-detail-menu a{height:36px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;font-size:14px;padding:0 10px;border-radius:4px}
.activity-detail-menu a:hover{background:#eef6fa;color:#0b63c7}
.activity-detail-complete{height:52px;background:#f8fafc;display:flex;align-items:center;padding:0 18px}
.activity-detail-complete button{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600}
.activity-detail-tabs{height:42px;background:#f8fafc;border-bottom:1px solid #e5edf3;display:flex;align-items:flex-end;gap:25px;padding:0 18px}
.activity-detail-tabs a{height:42px;display:flex;align-items:center;text-decoration:none;color:#111827;font-size:15px;font-weight:600;border-bottom:2px solid transparent}
.activity-detail-tabs a.active{border-bottom-color:var(--tb-accent)}
.activity-info-panel{padding:18px;overflow:auto}
.activity-info-panel h4{margin:0 0 14px;color:#111827;font-size:15px;font-weight:600}
.activity-info-row{display:grid;grid-template-columns:160px 1fr;min-height:33px;color:#334155;font-size:14px}
.activity-info-row label{color:#64748b;font-weight:500}
.activity-info-row span{color:#334155;font-weight:500;line-height:20px}
.client-activity-form textarea.activity-description-box{height:132px!important;min-height:132px!important;line-height:21px;resize:vertical}
.client-activity-form .drawer-field-row select.drawer-control{height:38px}
.documents-box{background:#fff;min-height:100%;border-radius:4px;padding:20px}
.document-upload-form{margin:0 0 12px;padding:0}
.document-drop{height:50px;border:1px dashed #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:8px;color:#111827;font-size:14px;cursor:pointer}
.document-drop input{display:none}
.document-drop i{color:#64748b;font-size:18px}
.document-drop b{color:#0b63c7}
.document-list{padding:0;margin:0}
.document-item{height:64px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;gap:14px;text-decoration:none;color:#111827;padding:0 4px}
.document-item:hover{background:#f8fafc}
.document-item i{font-size:28px;color:#64748b;width:30px;display:flex;align-items:center;justify-content:center}
.document-item span{display:flex;flex-direction:column;gap:4px;min-width:0}
.document-item b{font-size:14px;color:#111827;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-item em{font-style:normal;font-size:12px;color:#334155}
.email-compose-form{height:100vh;max-height:100vh;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.email-compose-head{height:48px;flex:0 0 48px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:16px;padding:0 18px}
.email-compose-row{height:40px;flex:0 0 40px;border-bottom:1px solid #e5edf3;display:grid;grid-template-columns:80px 1fr;align-items:center;padding:0 20px}
.email-editor-toolbar{height:42px;flex:0 0 42px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:4px;padding:0 14px}
.email-body-editor{flex:1 1 auto;min-height:0;outline:0;padding:18px;font-size:15px;line-height:24px;color:#111827;overflow:auto}
.email-compose-footer{height:52px;flex:0 0 52px;border-top:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.email-compose-form{height:calc(100vh - 59px);max-height:calc(100vh - 59px);background:#fff;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
.email-compose-head{height:48px;flex:0 0 48px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:16px;padding:0 18px}
.email-compose-row{height:40px;flex:0 0 40px;border-bottom:1px solid #e5edf3;display:grid;grid-template-columns:80px 1fr;align-items:center;padding:0 20px}
.email-editor-toolbar{height:42px;flex:0 0 42px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;gap:4px;padding:0 14px}
.email-body-editor{flex:1 1 auto;min-height:0;outline:0;padding:18px;font-size:15px;line-height:24px;color:#111827;overflow:auto}
.email-compose-footer{height:52px;flex:0 0 52px;border-top:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff}
.email-attach-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.email-attach{border:0;background:transparent;color:#334155;font-weight:600}
#emailAttachmentText{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}
.email-row{cursor:pointer}
.email-view-box{padding:22px 26px;background:#fff;color:#111827}
.email-view-box h2{margin:0 0 18px;font-size:22px;font-weight:600;line-height:30px;color:#111827}
.email-view-meta{border:1px solid #e5edf3;border-radius:10px;overflow:hidden;margin-bottom:18px;background:#fff}
.email-view-meta div{display:grid;grid-template-columns:90px 1fr;align-items:center;border-bottom:1px solid #e5edf3;padding:10px 14px;font-size:14px;line-height:20px}
.email-view-meta div:last-child{border-bottom:0}
.email-view-meta b{font-weight:600;color:#475569}
.email-view-meta span{color:#111827;word-break:break-word}
.email-view-body{min-height:260px;border:1px solid #e5edf3;border-radius:10px;padding:18px;background:#fff;font-size:15px;line-height:24px;color:#111827;overflow:auto}
.email-view-body p{margin:0 0 12px}
.email-view-attachments{margin-top:18px}
.email-view-attachments h4{margin:0 0 10px;font-size:15px;font-weight:600;color:#111827}
.email-view-attachments a{display:flex;align-items:center;gap:10px;border:1px solid #e5edf3;border-radius:9px;padding:10px 12px;color:#111827;text-decoration:none;margin-bottom:8px;background:#fff}
.email-view-attachments a:hover{background:#f8fafc}
.email-view-attachments a em{margin-left:auto;font-style:normal;color:#64748b;font-size:12px}
.detail-more-wrap{position:relative}
.detail-more-menu{position:absolute;right:0;top:42px;min-width:235px;background:#fff;border:1px solid #d8e1e8;border-radius:4px;box-shadow:0 8px 22px rgba(15,23,42,.10);z-index:99;padding:6px 0;display:none}
.detail-more-wrap:hover .detail-more-menu{display:block}
.detail-more-menu a,.detail-more-menu form button{width:100%;height:36px;border:0;outline:0;background:#fff;text-align:left;padding:0 14px;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;font-family:inherit}
.detail-more-menu a:hover,.detail-more-menu form button:hover{background:#f3f6f8;color:#111827}
.detail-more-menu form{margin:0;padding:0}
.detail-more-menu i{font-size:14px;color:#334155}
.company-client-row{cursor:pointer}
.company-client-row:hover{background:#f8fafc}
.related-list-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5edf3;background:#fff}
.related-list-head h3{margin:0;font-size:16px;font-weight:600;color:#111827}
.outline-add-btn{height:32px;border:1px solid #009b72;border-radius:18px;background:#fff;color:var(--tb-accent);padding:0 14px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}
.outline-add-btn:hover{background:#eefaf6}
.note-source-chip{font-style:normal;background:#eef2f7;border-radius:12px;padding:2px 8px;font-size:12px;color:#475569;margin-left:8px}

.display-columns-box{height:calc(100vh - 4px);background:#fff;display:flex;flex-direction:column;overflow:hidden}
.display-columns-head{padding:18px 20px 12px}
.display-columns-head h3{margin:0;font-size:20px;font-weight:600;color:#111827}
.display-columns-search{height:34px;margin:8px 20px 10px;border:1px solid #d7e0e8;border-radius:3px;display:flex;align-items:center;background:#fff}
.display-columns-search input{border:0;outline:0;width:100%;height:32px;padding:0 10px;font-size:14px}
.display-columns-search i{font-size:16px;color:#64748b;margin-right:10px}
.display-columns-list{flex:1;overflow:auto;padding:0 14px 14px}
.display-column-item{height:35px;border:1px solid #e5edf3;border-radius:4px;background:#fff;margin-bottom:7px;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:15px;color:#4b5563;cursor:pointer}
.display-column-item:hover{background:#f8fafc}
.display-column-drag{color:#cbd5e1;font-size:14px;display:flex; display:none;}
.display-column-item input{width:16px;height:16px;accent-color:var(--tb-accent)}
.display-column-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.display-columns-footer{height:58px;flex:0 0 58px;border-top:1px solid #e5edf3;background:#fff;display:flex;align-items:center;gap:10px;padding:0 18px}
.client-import-map-form{height:calc(100vh - 58px);display:flex;flex-direction:column;background:#fff;overflow:hidden}
.client-import-map-scroll{flex:1;overflow:auto;padding:22px 34px 90px}
.client-import-map-head{margin-bottom:16px}
.client-import-map-head h3{margin:0 0 6px;font-size:22px;font-weight:600;color:#111827}
.client-import-map-head p{margin:0;color:#64748b;font-size:14px}
.client-import-map-table-wrap{border:1px solid #e5edf3;border-radius:8px;overflow:hidden;background:#fff}
.client-import-map-table{width:100%;border-collapse:collapse}
.client-import-map-table th{height:40px;background:#f8fafc;border-bottom:1px solid #e5edf3;text-align:left;padding:0 14px;font-size:14px;font-weight:600;color:#111827}
.client-import-map-table td{height:42px;border-bottom:1px solid #eef2f6;padding:6px 14px;font-size:14px;color:#374151}
.client-import-map-table tr:last-child td{border-bottom:0}
.client-import-map-table .drawer-control{height:32px;width:100%}
.client-import-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.activities-tabs{height:42px;background:#fff;border-bottom:1px solid #dfe7ee;display:flex;align-items:center}
.activities-tabs a{height:42px;min-width:140px;padding:0 24px;border-right:1px solid #dfe7ee;color:#111827;text-decoration:none;display:flex;align-items:center;font-weight:500}
.activities-tabs a.active{border-bottom:2px solid var(--tb-accent);background:#fff;color:#111827}
.activity-table .activity-status.completed{color:var(--tb-accent);font-weight:600}
.activity-table .activity-status.in-progress{color:#111827}
.activity-calendar-box{background:#fff;margin:16px;border:1px solid #e5edf3;border-radius:8px;min-height:520px;padding:16px}
.activity-calendar-date{font-weight:600;color:#111827;margin:16px 0 8px;padding-bottom:8px;border-bottom:1px solid #e5edf3}
.activity-calendar-item{height:42px;display:grid;grid-template-columns:90px 1fr 220px;align-items:center;border-bottom:1px solid #eef2f6;text-decoration:none;color:#111827;font-size:14px}
.activity-calendar-item span{color:var(--tb-accent);font-weight:600}
.activity-calendar-item em{font-style:normal;color:#64748b;text-align:right}
.activity-form .drawer-form-body{padding:28px 34px 90px}
.activity-form .owner-row{position:absolute;right:34px;top:42px;width:300px;grid-template-columns:65px 1fr}
.activity-form .owner-select{border-radius:18px;height:34px}
.two-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.inline-check{display:flex!important;align-items:center;gap:10px;font-weight:500!important;color:#374151!important}
.inline-check input{width:16px;height:16px;accent-color:var(--tb-accent)}
.activity-detail-page{height:100%;background:#f4f8fb;overflow:hidden}
.activity-detail-layout{display:grid;grid-template-columns:1fr 360px;height:calc(100vh - 104px);overflow:hidden}
.activity-detail-main{background:#fff;overflow:auto;padding:28px 34px}
.activity-detail-side{background:#f7fafc;border-left:1px solid #dfe7ee;overflow:auto;padding:28px}
.activity-detail-card{margin-bottom:28px}
.activity-detail-card h3{margin:0 0 14px;font-size:16px;font-weight:600;color:#111827}
.activity-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:12px 18px;max-width:760px}
.activity-detail-grid div{display:contents}
.activity-detail-grid div.wide{display:contents}
.activity-detail-grid b{font-weight:500;color:#374151}
.activity-detail-grid span{color:#111827;line-height:22px}
.activity-note-form{background:#eef3f7;padding:14px;border-radius:8px;margin-bottom:18px}
.activity-note-form input{width:100%;height:42px;border:1px solid #d7e0e8;border-radius:6px;padding:0 14px;font-size:14px}
.activity-note-item{display:flex;gap:12px;border-bottom:1px solid #e5edf3;padding:14px 0}
.activity-note-item b{display:inline-block;margin-right:8px}
.activity-note-item em{font-size:12px;color:#64748b;font-style:normal}
.activity-note-item p{margin:6px 0 0;color:#111827}
.activity-file-item{display:flex;align-items:center;gap:10px;border:1px solid #e5edf3;border-radius:8px;padding:10px 12px;color:#111827;text-decoration:none;margin-bottom:8px}
.activity-related-card{background:#fff;border-radius:10px;border:1px solid #e5edf3;padding:16px;margin-bottom:18px}
.activity-related-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.activity-related-avatar{width:42px;height:42px;border-radius:50%;background:#dbeafe;color:#1e3a8a;font-weight:600;display:flex;align-items:center;justify-content:center}
.activity-related-head a{font-weight:600;color:#111827;text-decoration:none;display:block}
.activity-related-head small{display:block;color:#64748b;margin-top:2px}
.activity-related-card p{display:flex;align-items:center;gap:10px;margin:10px 0;color:#111827}
.activity-related-card h4{margin:0 0 12px;font-size:16px;color:#111827}
.activity-side-link{display:block;color:#111827;text-decoration:none;border-bottom:1px solid #eef2f6;padding:10px 0}
.activity-side-link b{display:block;font-size:14px}
.activity-side-link span{display:block;color:#64748b;font-size:13px;margin-top:4px}
.muted{color:#64748b}
.activities-page{height:calc(100vh - 47px);background:#fff;overflow:hidden}
.activities-page .client-toolbar{height:53px;flex:0 0 53px}
.activities-page .client-body{flex:1;min-height:0}
.activities-page .client-table-wrap{height:100%}
.activities-page .client-create-menu{right:0}
.activities-tabs{height:42px;flex:0 0 42px;background:#fff;border-bottom:1px solid #dfe7ee;display:flex;align-items:center}
.activities-tabs a{height:42px;min-width:140px;padding:0 24px;border-right:1px solid #dfe7ee;color:#111827;text-decoration:none;display:grid;align-items:center;font-weight:500;text-align: center;}
.activities-tabs a.active{border-bottom:2px solid var(--tb-accent);background:#fff;color:#111827;font-weight:600}
.activity-table .client-name-link{color:#111827;text-decoration:none;font-weight:600}
.activity-table .client-name-link:hover{color:#0b63c7;text-decoration:underline}
.activity-status.completed{color:var(--tb-accent);font-weight:600}
.activity-status.in-progress,.activity-status.open{color:#111827;font-weight:600}
.activity-calendar-box{background:#fff;margin:16px;border:1px solid #e5edf3;border-radius:8px;min-height:520px;padding:16px}
.activity-calendar-date{font-weight:600;color:#111827;margin:16px 0 8px;padding-bottom:8px;border-bottom:1px solid #e5edf3}
.activity-calendar-item{height:42px;display:grid;grid-template-columns:90px 1fr 220px;align-items:center;border-bottom:1px solid #eef2f6;text-decoration:none;color:#111827;font-size:14px}
.activity-calendar-item span{color:var(--tb-accent);font-weight:600}
.activity-calendar-item em{font-style:normal;color:#64748b;text-align:right}
.activity-form{height:calc(100vh - 59px);min-height:calc(100vh - 59px);padding:0;background:#fff;overflow:hidden}
.activity-form .drawer-form-body{flex:1;overflow:auto;padding:28px 34px 90px;position:relative}
.activity-form .drawer-section-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 28px}
.activity-form .drawer-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;margin-bottom:21px}
.activity-form .drawer-row>label:first-child{padding:9px 20px 0 0;text-align:right;color:#2b2f36;font-size:15px;font-weight:400;white-space:nowrap}
.activity-form .drawer-row sup{color:#ef4444}
.activity-form .drawer-row input[type="text"],.activity-form .drawer-row input[type="time"],.activity-form .drawer-row input[type="datetime-local"],.activity-form .drawer-row select,.activity-form .drawer-row textarea{width:100%;height:39px;border:1px solid #bfcbd7;border-radius:3px;background:#fff;color:#111827;font-size:15px;padding:0 14px;outline:0}
.activity-form .drawer-row textarea{height:74px;padding:9px 14px;resize:vertical;line-height:21px}
.activity-form .drawer-row input:focus,.activity-form .drawer-row select:focus,.activity-form .drawer-row textarea:focus{border-color:var(--tb-accent)}
.activity-form .owner-row{position:absolute;right:34px;top:28px;width:300px;grid-template-columns:65px 1fr;margin:0}
.activity-form .owner-row label{text-align:left!important;padding-top:8px!important}
.activity-form .owner-select{height:34px;border-radius:18px;background:#f8fafc}
.activity-form .two-inline{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.activity-form .checkbox-row{margin-bottom:13px}
.activity-form .inline-check{height:32px;display:flex!important;align-items:center;gap:10px;font-weight:500!important;color:#374151!important;padding:0!important;text-align:left!important}
.activity-form .inline-check input{width:16px;height:16px;accent-color:var(--tb-accent)}
.activity-form .drawer-link{color:#0b63c7;text-decoration:none;font-size:15px;font-weight:500}
.activity-related-lookup{position:relative;width:100%}
.activity-related-lookup .activity-related-search{padding-right:42px!important}
.activity-related-clear{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;background:#f1f5f9;border-radius:50%;color:#64748b;font-size:16px;line-height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.activity-related-results{position:absolute;left:0;right:0;top:43px;z-index:99999;background:#fff;border:1px solid #dfe7ef;border-radius:8px;box-shadow:0 14px 34px rgb(15 23 42 / 14%);max-height:260px;overflow:auto;display:none}
.activity-related-option{padding:10px 13px;border-bottom:1px solid #eef2f6;cursor:pointer;background:#fff}
.activity-related-option:hover{background:#f8fafc}
.activity-related-option b{display:block;font-size:13px;color:#0f172a;font-weight:600;line-height:18px}
.activity-related-option span{display:block;font-size:12px;color:#64748b;line-height:17px;margin-top:2px}
.activity-related-loading,.activity-related-empty{padding:12px 13px;color:#64748b;font-size:13px}
.activity-form .drawer-footer{height:58px;flex:0 0 58px;border-top:1px solid #edf1f5;background:#fff;margin:0;display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:relative;bottom:auto}
.activity-detail-page{height:calc(100vh - 47px);background:#eef4f8;overflow:hidden;display:flex;flex-direction:column}
.detail-topbar{height:64px;flex:0 0 64px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.detail-title-wrap{display:flex;align-items:center;gap:13px;min-width:0}
.detail-back{width:28px;height:28px;color:#334155;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:20px}
.detail-title-wrap h1{margin:0;color:#111827;font-size:20px;font-weight:600;line-height:24px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-subtitle{display:flex;align-items:center;gap:4px;margin-top:4px;color:#334155;font-size:13px}
.detail-actions{display:flex;align-items:center;gap:8px}
.detail-actions form{margin:0}
.detail-actions .drawer-save{height:34px;border-radius:18px;padding:0 16px;font-size:14px}
.activity-detail-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;background:#eef4f8;overflow:hidden}
.activity-detail-main{background:#fff;overflow:auto;padding:28px 34px}
.activity-detail-side{background:#f7fafc;border-left:1px solid #dfe7ee;overflow:auto;padding:28px}
.activity-detail-card{margin-bottom:28px}
.activity-detail-card h3{margin:0 0 14px;font-size:16px;font-weight:600;color:#111827}
.activity-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:12px 18px;max-width:760px}
.activity-detail-grid div{display:contents}
.activity-detail-grid b{font-weight:500;color:#374151}
.activity-detail-grid span{color:#111827;line-height:22px}
.activity-note-form{background:#eef3f7;padding:14px;border-radius:8px;margin:0 0 18px}
.activity-note-form input{width:100%;height:42px;border:1px solid #d7e0e8;border-radius:6px;padding:0 14px;font-size:14px}
.activity-note-item{display:flex;gap:12px;border-bottom:1px solid #e5edf3;padding:14px 0}
.activity-note-item b{display:inline-block;margin-right:8px}
.activity-note-item em{font-size:12px;color:#64748b;font-style:normal}
.activity-note-item p{margin:6px 0 0;color:#111827}
.activity-file-item{display:flex;align-items:center;gap:10px;border:1px solid #e5edf3;border-radius:8px;padding:10px 12px;color:#111827;text-decoration:none;margin-bottom:8px}
.activity-file-item:hover{background:#f8fafc}
.activity-related-card{background:#fff;border-radius:10px;border:1px solid #e5edf3;padding:16px;margin-bottom:18px}
.activity-related-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.activity-related-avatar{width:42px;height:42px;border-radius:50%;background:#dbeafe;color:#1e3a8a;font-weight:600;display:flex;align-items:center;justify-content:center}
.activity-related-head a{font-weight:600;color:#111827;text-decoration:none;display:block}
.activity-related-head small{display:block;color:#64748b;margin-top:2px}
.activity-related-card p{display:flex;align-items:center;gap:10px;margin:10px 0;color:#111827}
.activity-related-card h4{margin:0 0 12px;font-size:16px;color:#111827}
.activity-side-link{display:block;color:#111827;text-decoration:none;border-bottom:1px solid #eef2f6;padding:10px 0}
.activity-side-link b{display:block;font-size:14px}
.activity-side-link span{display:block;color:#64748b;font-size:13px;margin-top:4px}
.client-import-map-form{height:calc(100vh - 58px);display:flex;flex-direction:column;background:#fff;overflow:hidden}
.client-import-map-scroll{flex:1;overflow:auto;padding:22px 34px 90px}
.client-import-map-head{margin-bottom:16px}
.client-import-map-head h3{margin:0 0 6px;font-size:22px;font-weight:600;color:#111827}
.client-import-map-head p{margin:0;color:#64748b;font-size:14px}
.client-import-map-table-wrap{border:1px solid #e5edf3;border-radius:8px;overflow:hidden;background:#fff}
.client-import-map-table{width:100%;border-collapse:collapse}
.client-import-map-table th{height:40px;background:#f8fafc;border-bottom:1px solid #e5edf3;text-align:left;padding:0 14px;font-size:14px;font-weight:600;color:#111827}
.client-import-map-table td{height:42px;border-bottom:1px solid #eef2f6;padding:6px 14px;font-size:14px;color:#374151}
.client-import-map-table tr:last-child td{border-bottom:0}
.client-import-map-table .drawer-control{height:32px;width:100%}
.client-import-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;padding:0;border:0}
.client-import-options .drawer-row{display:block;margin:0}
.client-import-options label{display:block;margin:0 0 7px;color:#374151;font-size:13px;font-weight:600}
.muted{color:#64748b}
@media(max-width:1100px){.activity-detail-layout{grid-template-columns:1fr}.activity-detail-side{display:none}.activity-form .owner-row{position:static;width:auto;grid-template-columns:150px 1fr;margin-bottom:21px}}
.main-menu{width:64px!important;min-width:64px!important;flex:0 0 64px!important;background:#f5fafc!important;border-right:1px solid #dfe7ef!important;display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important;z-index:999!important;overflow:visible!important;padding:8px 0!important}
.main-menu:hover{width:64px!important;min-width:64px!important;box-shadow:none!important}
.main-menu-item{width:64px!important;height:56px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;text-decoration:none!important;color:#526173!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important;overflow:visible!important}
.main-menu-item i{width:40px!important;height:40px!important;min-width:40px!important;border-radius:8px!important;background:transparent!important;color:#526173!important;font-size:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important}
.main-menu-item span{display:none!important;position:absolute!important;left:64px!important;top:0!important;width:146px!important;height:56px!important;background:#f5fafc!important;color:#334155!important;font-size:14px!important;font-weight:500!important;line-height:56px!important;text-align:left!important;padding:0 14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:1000!important}
.main-menu:hover .main-menu-item span{display:block!important}
.main-menu:hover .main-menu-item:first-child span{border-top-right-radius:0!important}
.main-menu:hover .main-menu-item:last-child span{border-bottom-right-radius:0!important}
.main-menu:hover:after{content:""!important;position:absolute!important;left:64px!important;top:0!important;width:146px!important;height:100%!important;background:#f5fafc!important;border-right:1px solid #dfe7ef!important;box-shadow:8px 0 22px rgba(15,23,42,.10)!important;z-index:998!important}
.main-menu-item:hover i{background:#eef6f8!important;color:var(--tb-accent)!important}
.main-menu-item:hover span{background:#eef6f8!important;color:#111827!important}
.main-menu-item.active i{background:#bdeee2!important;color:var(--tb-accent)!important}
.main-menu-item.active span{color:var(--tb-accent)!important;font-weight:600!important}
.main-menu-item.active{background:transparent!important;color:var(--tb-accent)!important}
.main-menu-item.active:before{display:none!important}
.sub-menu{z-index:1!important}
.main-menu{padding:8px 0!important}
.main-menu-item{height:44px!important}
.main-menu-item i{width:34px!important;height:34px!important;min-width:34px!important;font-size:17px!important;border-radius:8px!important}
.main-menu-item span{height:44px!important;line-height:44px!important}
.main-menu:hover:after{width:146px!important}
.main-menu:hover .main-menu-item span{display:block!important}
.main-menu{width:48px!important;min-width:48px!important;flex:0 0 48px!important;padding:6px 0!important}
.main-menu:hover{width:48px!important;min-width:48px!important}
.main-menu-item{width:48px!important;height:44px!important}
.main-menu-item i{width:34px!important;height:34px!important;min-width:34px!important;font-size:16px!important;border-radius:7px!important}
.main-menu-item span{left:48px!important;height:44px!important;line-height:44px!important;width:150px!important}
.main-menu:hover:after{left:48px!important;width:150px!important}
.main-menu:hover .main-menu-item span{display:block!important}
.company-clients-box{min-height: 100%; background: #fff; border-radius: 5px; overflow: hidden;}
.query-module-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 58px);background:#f7f8fb}
.query-side-panel{background:#fff;border-right:1px solid #e5e7eb;padding:14px 10px;overflow:auto}
.query-side-title{font-size:13px;font-weight:600;color:#0f172a;margin:6px 8px 10px}
.query-side-title.small{margin-top:18px;color:#64748b}
.query-filter-link{display:flex;align-items:center;justify-content:space-between;height:34px;border-radius:8px;padding:0 9px;color:#334155;text-decoration:none;font-size:13px;margin-bottom:2px}
.query-filter-link:hover{background:#f1f5f9;color:#0f172a}
.query-filter-link.active{background:#e8f7f4;color:var(--tb-accent);font-weight:600}
.query-filter-link b{font-size:11px;font-weight:600;background:#f1f5f9;color:#64748b;border-radius:12px;padding:2px 7px}
.query-filter-link.active b{background:var(--tb-accent);color:#fff}
.query-main-panel{min-width:0;background:#fff}
.query-toolbar{border-bottom:1px solid #e5e7eb;background:#fff}
.query-search-form{display:flex;align-items:center;gap:8px}
.query-search{height:32px;width:330px;border:1px solid #d8dde6;border-radius:8px;padding:0 10px;font-size:13px;outline:none}
.query-search:focus{border-color:var(--tb-accent);box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.08)}
.query-table-wrap{height:calc(100vh - 116px);overflow:auto}
.query-table td small{display:block;color:#64748b;font-size:11px;margin-top:3px}
.query-title-main{font-weight:600;color:#0f172a}
.query-code{font-size:11px;color:#64748b;margin-top:3px}
.query-stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.query-priority-badge{display:inline-flex;align-items:center;height:22px;border:1px solid #d8dde6;border-radius:12px;padding:0 8px;font-size:11px;background:#fff}
.query-action-row{display:flex;align-items:center;gap:6px}
.query-action-row button{width:26px;height:26px;border:0;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer}
.query-action-row button:hover{background:#e8f7f4;color:var(--tb-accent)}
.empty-state{padding:38px;text-align:center;color:#64748b}
.query-drawer-form .drawer-field-grid{display:grid;gap:12px}
.query-drawer-form .drawer-field-grid.two{grid-template-columns:1fr 1fr}
.query-drawer-form .drawer-field-grid.three{grid-template-columns:1fr 1fr 1fr}
.query-radio-row{display:flex;align-items:center;gap:20px;min-height:32px}
.query-radio-row label{display:flex;align-items:center;gap:7px;font-size:13px;color:#334155;cursor:pointer}
.query-type-panel{border:1px solid #edf0f4;border-radius:12px;padding:12px;margin-bottom:12px;background:#fbfcfd}
.age-box{margin-bottom:12px}
.age-title{font-size:12px;font-weight:600;color:#334155;margin-bottom:8px}
.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.custom-section-title{margin-top:14px}
@media(max-width:900px){.query-module-layout{grid-template-columns:1fr}.query-side-panel{display:none}.query-search{width:210px}.query-drawer-form .drawer-field-grid.two,.query-drawer-form .drawer-field-grid.three{grid-template-columns:1fr}.age-grid{grid-template-columns:1fr 1fr}}
.query-drawer-form{width:760px;max-width:calc(100vw - 40px);background:#fff;height:100vh;display:flex;flex-direction:column;position:relative;overflow:visible}
.query-drawer-form .drawer-form-head{height:56px;border-bottom:1px solid #eef1f4;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex:0 0 auto}
.query-drawer-form .drawer-form-head h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}
.query-drawer-form .drawer-close{width:34px;height:34px;border:0;background:transparent;font-size:28px;line-height:28px;color:#667085;cursor:pointer}
.query-form-body{padding:20px 26px 24px;overflow:auto;flex:1}
.query-section{border:1px solid #edf0f3;background:#fff;border-radius:12px;padding:18px 18px 20px;margin-bottom:16px}
.query-section-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:16px}
.query-type-row{display:flex;align-items:center;gap:24px;margin-bottom:14px}
.query-radio{display:flex;align-items:center;gap:7px;font-size:14px;color:#344054;cursor:pointer;margin:0}
.query-radio input{width:14px!important;height:14px!important;margin:0;padding:0}
.query-box{background:#fafbfc;border:1px solid #edf0f3;border-radius:10px;padding:16px}
.query-company-box{display:none}
.query-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
.query-grid-2 .full{grid-column:1 / -1}
.query-drawer-form .form-row{display:flex;flex-direction:column;gap:7px;min-width:0}
.query-drawer-form .form-row label{font-size:13px;font-weight:600;color:#4b5563;margin:0}
.query-drawer-form input,.query-drawer-form select,.query-drawer-form textarea{width:100%;height:38px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;padding:0 11px;font-size:14px;color:#1f2937;outline:none;box-sizing:border-box}
.query-drawer-form input:focus,.query-drawer-form select:focus,.query-drawer-form textarea:focus{border-color:#009b7b;box-shadow:0 0 0 2px rgba(0,155,123,.08)}
.query-comment{height:80px!important;padding-top:10px!important;resize:none;line-height:20px}
.query-pax-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.age-block{margin-top:14px}
.age-block>label{display:block;font-size:13px;font-weight:600;color:#4b5563;margin-bottom:8px}
.age-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.age-grid input{height:36px}
.query-drawer-form .drawer-form-foot{position:sticky;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #eef1f4;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 24px;z-index:20;flex:0 0 auto}
.query-drawer-form .btn-light{height:38px;padding:0 20px;border:1px solid #d0d5dd;border-radius:20px;background:#fff;color:#344054;font-size:14px;font-weight:600;cursor:pointer}
.query-drawer-form .btn-green{height:38px;padding:0 24px;border:0;border-radius:20px;background:#009b72;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
@media(max-width:760px){.query-drawer-form{width:100vw;max-width:100vw}
.query-grid-2{grid-template-columns:1fr}
.query-pax-row{grid-template-columns:1fr}
.age-grid{grid-template-columns:1fr 1fr}}
.query-drawer-form .drawer-form{padding:0px!important;}
.query-priority-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:14px;font-size:11px;font-weight:500;line-height:22px;border:1px solid}
.query-priority-badge.priority-low{color:#475569;background:#f8fafc;border-color:#cbd5e1}
.query-priority-badge.priority-medium{color:#2563eb;background:#eff6ff;border-color:#93c5fd}
.query-priority-badge.priority-high{color:#ea580c;background:var(--tb-accent-soft-2);border-color:#fdba74}
.query-priority-badge.priority-hot{color:#dc2626;background:#fef2f2;border-color:#fca5a5}
.query-priority-badge.priority-normal{color:#475569;background:#f8fafc;border-color:#cbd5e1}

.query-priority-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;min-width:58px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important;font-weight:600!important;line-height:22px!important;border:0!important}
.query-priority-badge.priority-low{color:#334155!important;background:#cbd5e1!important}
.query-priority-badge.priority-medium{color:#ffffff!important;background:#2563eb!important}
.query-priority-badge.priority-high{color:#ffffff!important;background:#f97316!important}
.query-priority-badge.priority-hot{color:#ffffff!important;background:#dc2626!important}
.query-priority-badge.priority-normal{color:#334155!important;background:#e5e7eb!important}

.crm-owner-badge{display:inline-flex;align-items:center;gap:8px;max-width:180px}
.crm-owner-avatar{width:26px;height:26px;border-radius:50%;background:#e8f4f1;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:0 0 26px}
.crm-owner-text{display:flex;flex-direction:column;line-height:16px;min-width:0}
.crm-owner-text b{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}
.crm-owner-text small{font-size:11px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}
.crm-owner-empty{color:#98a2b3;font-size:13px}
.crm-owner-xs .crm-owner-avatar{width:22px;height:22px;font-size:10px;flex-basis:22px}
.crm-owner-xs .crm-owner-text b{font-size:12px;max-width:115px}
.crm-owner-xs .crm-owner-text small{display:none}

.query-priority-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;min-width:58px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important;font-weight:600!important;line-height:22px!important;border:0!important}
.query-priority-badge.priority-low{color:#334155!important;background:#cbd5e1!important}
.query-priority-badge.priority-medium{color:#ffffff!important;background:#2563eb!important}
.query-priority-badge.priority-high{color:#ffffff!important;background:#f97316!important}
.query-priority-badge.priority-hot{color:#ffffff!important;background:#dc2626!important}
.query-priority-badge.priority-normal{color:#334155!important;background:#e5e7eb!important}

.query-module-layout.no-query-sidebar{display:block}
.query-module-layout.no-query-sidebar .query-main-panel{width:100%;min-width:0}
.query-view-wrap{margin-right:10px}
.query-view-menu a{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.query-view-menu a b{height:20px;min-width:20px;border-radius:12px;background:#eef2f6;color:#475569;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.query-view-menu a.active b{background:var(--tb-accent);color:#fff}
.query-toolbar .left-tools{display:flex;align-items:center;gap:10px}
.query-footer-bar{border-top:1px solid #e5e7eb}

.query-page .client-view-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px}
.query-page .client-view-menu a b{height:20px;min-width:20px;border-radius:12px;background:#eef2f6;color:#475569;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.query-page .client-view-menu a.active b{background:var(--tb-accent);color:#fff}
.query-custom-search{display:flex}

.query-type-badge,.query-stage-badge,.query-priority-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;min-width:52px!important;padding:0 9px!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important;line-height:22px!important;border:0!important;white-space:nowrap}
.query-type-client{background:var(--tb-accent)!important;color:#fff!important}
.query-type-company{background:#475569!important;color:#fff!important}
.query-stage-badge{background:var(--tb-accent);color:#fff}
.query-table small,.client-table small{display:block;margin-top:3px;font-size:11px;color:#667085;line-height:14px}
.query-priority-badge.priority-low{color:#334155!important;background:#cbd5e1!important}
.query-priority-badge.priority-medium{color:#fff!important;background:#2563eb!important}
.query-priority-badge.priority-high{color:#fff!important;background:#f97316!important}
.query-priority-badge.priority-hot{color:#fff!important;background:#dc2626!important}
.query-priority-badge.priority-normal{color:#334155!important;background:#e5e7eb!important}
.query-detail-page .client-detail-tabs{overflow-x:auto;white-space:nowrap}
.query-avatar-lg{background:#e8f7f4;color:var(--tb-accent)}
.query-field-block .detail-info-text{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f1f3f5}
.query-field-block .detail-info-text label{font-size:12px;color:#6b7280;min-width:110px}
.query-field-block .detail-info-text span{font-size:12px;color:#111827;text-align:right;word-break:break-word}
.query-tab-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.query-tab-head h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}
.query-tab-head p{font-size:12px;color:#6b7280;margin:0}
.query-coming-soon{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:40px;text-align:center;color:#64748b}
.query-coming-soon h3{font-size:20px;color:#111827;margin:0 0 8px}
.query-card-list{display:flex;flex-direction:column;gap:14px}
.query-quotation-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.query-quotation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.query-quotation-top h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}
.query-muted{font-size:12px;color:#6b7280}
.query-quotation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.query-light-btn{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:8px;padding:7px 10px;font-size:12px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.query-light-btn:hover{background:#f8fafc;color:#111827}
.query-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:capitalize;background:#f1f5f9;color:#475569}
.query-status.confirmed,.query-status.paid{background:#dcfce7;color:#166534}
.query-status.draft,.query-status.pending,.query-status.unpaid{background:#fef3c7;color:#92400e}
.query-status.overdue{background:#fee2e2;color:#991b1b}
.query-quotation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.query-quotation-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:10px}
.query-quotation-summary span{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}
.query-quotation-summary b{font-size:14px;color:#111827}
.query-mini-table th,.query-mini-table td{font-size:12px}
.small-save{padding:7px 10px;font-size:12px}
.query-billing-summary{grid-template-columns:repeat(3,1fr)}
.query-document-list{display:flex;flex-direction:column;gap:14px}
.query-document-person{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.query-document-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.query-document-person-head h4{font-size:15px;color:#111827;margin:0 0 4px}
.query-document-person-head p{font-size:12px;color:#6b7280;margin:0}
.query-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.small-empty{padding:16px}
.query-timeline-list{display:flex;flex-direction:column;gap:14px}
.query-timeline-item{display:flex;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.query-timeline-item h4{font-size:14px;color:#111827;margin:0 0 4px}
.query-timeline-item p{font-size:12px;color:#4b5563;margin:0 0 6px}
.query-timeline-item span{font-size:11px;color:#94a3b8}
.query-popup-head{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px;margin-bottom:14px}
.query-popup-head h3{font-size:17px;margin:0 0 4px;color:#111827}
.query-popup-head p{font-size:12px;margin:0;color:#6b7280}
.drawer-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.drawer-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.drawer-grid-4{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.query-quote-items{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.query-quote-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}
.query-quote-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.query-quote-item-head b{font-size:14px;color:#111827}
.query-quote-item-head button{border:0;background:transparent;color:#dc2626;font-size:12px;cursor:pointer}
.query-add-line{border:1px dashed #94a3b8;background:#f8fafc;color:#334155;border-radius:10px;padding:10px 12px;width:100%;font-size:13px;cursor:pointer;margin:12px 0}
.query-tax-box{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px;margin-top:8px}
.query-live-total{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.query-live-total div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.query-live-total span{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}
.query-live-total b{font-size:15px;color:#111827}
.query-doc-upload-row{border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px;background:#fff}
@media(max-width:1100px){.query-quotation-summary,.query-billing-summary,.drawer-grid-2,.drawer-grid-3,.drawer-grid-4,.query-live-total{grid-template-columns:1fr}.query-quotation-top,.query-document-person-head,.query-tab-head{flex-direction:column;align-items:flex-start}.query-quotation-actions{justify-content:flex-start}}


.query-detail-page{height:calc(100vh - 47px);background:#eef4f8;overflow:hidden;display:flex;flex-direction:column}
.query-detail-page .client-detail-header{height:74px;background:#fff;border-bottom:1px solid #dfe7ef;padding:0 16px;flex:0 0 auto}
.query-detail-page .client-detail-left{gap:13px}
.query-detail-page .client-avatar-lg{width:44px;height:44px;font-size:13px}
.query-detail-page .client-detail-title h2{font-size:20px;font-weight:600;color:#111827}
.query-detail-page .client-detail-sub{font-size:13px;color:#334155;gap:14px}
.query-detail-page .client-detail-actions{gap:8px}
.query-detail-page .send-mail-btn{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600}
.query-detail-page .detail-round-btn{width:34px;height:34px;background:var(--tb-accent-soft);color:var(--tb-accent);border-radius:50%;border:0}
.query-detail-page .detail-nav-btn{width:34px;height:34px;border:1px solid #d8e2eb;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;text-decoration:none}
.query-detail-page .query-detail-layout{flex:1;min-height:0;display:grid;grid-template-columns:288px minmax(0,1fr);background:#eef4f8}
.query-detail-page .client-detail-sidebar{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:18px 16px}
.query-detail-page .client-detail-main{min-width:0;background:#eef4f8;display:flex;flex-direction:column;overflow:hidden}
.query-detail-page .client-detail-tabs{height:44px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:flex-end;padding:0 24px;gap:24px;overflow-x:auto;white-space:nowrap;flex:0 0 auto}
.query-detail-page .client-detail-tabs a{height:44px;display:flex;align-items:center;gap:7px;color:#111827;text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}
.query-detail-page .client-detail-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.query-detail-page .client-detail-tabs span{min-width:18px;height:18px;border-radius:10px;background:#dceefb;color:#0f172a;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.query-detail-page .query-detail-more-tab{height:44px;position:relative;display:flex;align-items:center;border-bottom:2px solid transparent;flex:0 0 auto}
.query-detail-page .query-detail-more-tab.active{border-bottom-color:var(--tb-accent)}
.query-detail-page .query-detail-more-tab-btn{height:42px;border:0;background:transparent;color:#111827;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;padding:0;cursor:pointer}
.query-detail-page .query-detail-more-tab-menu{display:none;position:absolute;top:43px;right:0;min-width:190px;background:#fff;border:1px solid #dfe7ef;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.14);padding:6px;z-index:25}
.query-detail-page .query-detail-more-tab:hover .query-detail-more-tab-menu,.query-detail-page .query-detail-more-tab:focus-within .query-detail-more-tab-menu{display:block}
.query-detail-page .query-detail-more-tab-menu a{height:34px;border:0;border-radius:6px;padding:0 9px;justify-content:space-between;gap:12px}
.query-detail-page .query-detail-more-tab-menu a.active,.query-detail-page .query-detail-more-tab-menu a:hover{background:#f0fdf4;color:#111827}

.query-detail-page .client-detail-content{flex:1;overflow:auto;background:#eef4f8;padding:16px}
.query-detail-page .query-tab-panel,.query-detail-page .activity-box,.query-detail-page .notes-box,.query-detail-page .emails-box,.query-detail-page .timeline-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.query-detail-page .query-tab-head{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;padding:0 22px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.query-detail-page .query-tab-head h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}
.query-detail-page .query-tab-head p{font-size:13px;color:#64748b;margin:0}
.query-detail-page .query-tab-panel>.query-card-list{padding:16px 20px}
.query-detail-page .query-tab-panel>.query-document-list{padding:16px 20px}
.query-detail-page .query-tab-panel>.query-quotation-summary{margin:16px 20px}
.query-detail-page .query-tab-panel>.query-coming-soon{margin:16px 20px}
.query-detail-page .query-tab-panel>.detail-table{width:calc(100% - 40px);margin:16px 20px}
.query-detail-page .query-tab-panel>.query-quotation-summary+.detail-table{margin-top:0}
.query-detail-page .detail-side-block{margin-bottom:24px}
.query-detail-page .detail-side-block h4{margin:0 0 10px;color:#111827;font-size:15px;font-weight:600}
.query-detail-page .detail-info-row{min-height:32px;display:grid;grid-template-columns:24px 1fr;align-items:start;color:#111827;font-size:15px}
.query-detail-page .detail-info-row i{color:#64748b;font-size:15px}
 
.query-detail-page .detail-side-block .detail-info-text{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px;align-items:start;padding:3px 0;color:#64748b;font-size:13px;line-height:20px}
.query-detail-page .detail-side-block .detail-info-text span{text-align:left;color:#111827;font-size:13px;line-height:20px;word-break:break-word}
.query-detail-page .query-field-block .detail-info-text span{font-size:12px;color:#111827;text-align:right;line-height:18px;word-break:break-word}
.query-detail-page .detail-modified{border-top:1px solid #eef2f6;padding-top:14px;margin-top:10px;color:#334155;font-size:13px;display:flex;align-items:center;gap:8px}
.query-detail-page .query-quotation-card{background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:16px;box-shadow:none}
.query-detail-page .query-quotation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.query-detail-page .query-quotation-top h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}
.query-detail-page .query-quotation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.query-detail-page .query-quotation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.query-detail-page .query-quotation-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;padding:10px}
.query-detail-page .query-quotation-summary span{display:block;font-size:11px;color:#64748b;margin-bottom:4px}
.query-detail-page .query-quotation-summary b{font-size:14px;color:#111827}
.query-detail-page .query-billing-summary{grid-template-columns:repeat(3,1fr)}
.query-detail-page .query-light-btn{height:30px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:16px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.query-detail-page .query-light-btn:hover{background:#f8fafc}
.query-detail-page .drawer-save{height:34px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600}
.query-detail-page .small-save{height:30px;padding:0 12px;font-size:13px}
.query-detail-page .query-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:capitalize;background:#f1f5f9;color:#475569}
.query-detail-page .query-status.confirmed,.query-detail-page .query-status.paid{background:#dcfce7;color:#166534}
.query-detail-page .query-status.draft,.query-detail-page .query-status.pending,.query-detail-page .query-status.unpaid{background:#fef3c7;color:#92400e}
.query-detail-page .query-status.overdue{background:#fee2e2;color:#991b1b}
.query-detail-page .detail-table{width:100%;border-collapse:collapse;background:#fff}
.query-detail-page .detail-table th{height:36px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;color:#212129;font-size:13px;font-weight:500;padding:0 14px;background:#fff}
.query-detail-page .detail-table td{height:42px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;padding:0 14px;background:#fff}
.query-detail-page .detail-empty-cell{height:110px!important;text-align:center;color:#64748b;font-size:15px}
.query-detail-page .detail-empty-state{padding:46px 20px;color:#64748b;font-size:15px;text-align:center;background:#fff}
.query-detail-page .activity-toolbar{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.query-detail-page .activity-title.clean-title,.query-detail-page .activity-title{height:50px;color:#111827;font-size:17px;font-weight:600;display:flex;align-items:center;padding:0 20px}
.query-detail-page .emails-box .query-tab-head{border-bottom:1px solid #dfe7ef}
.query-detail-page .query-document-person{background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:14px}
.query-detail-page .query-document-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.query-detail-page .query-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.query-detail-page .query-timeline-list{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.query-detail-page .query-timeline-item{display:flex;gap:12px;background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:14px}
.query-detail-page .query-timeline-item h4{font-size:14px;color:#111827;margin:0 0 4px}
.query-detail-page .query-timeline-item p{font-size:12px;color:#4b5563;margin:0 0 6px}
.query-detail-page .query-timeline-item span{font-size:11px;color:#94a3b8}
@media(max-width:1100px){.query-detail-page .query-detail-layout{grid-template-columns:320px minmax(0,1fr)}.query-detail-page .query-quotation-summary,.query-detail-page .query-billing-summary{grid-template-columns:1fr}.query-detail-page .query-tab-head,.query-detail-page .query-quotation-top,.query-detail-page .query-document-person-head{flex-direction:column;align-items:flex-start;height:auto;padding:14px 18px}.query-detail-page .query-quotation-actions{justify-content:flex-start}}
.query-bigin-page{height:calc(100vh - 48px);background:#eef4f8;overflow:hidden;display:flex;flex-direction:column}
.query-bigin-header{background:#fff;border-bottom:1px solid #dfe7ef;flex:0 0 auto}
.query-bigin-top{height:78px;display:flex;align-items:flex-start;justify-content:space-between;padding:10px 16px 0 14px;gap:20px}
.query-title-left{display:flex;align-items:flex-start;gap:14px;min-width:0}
.query-back-btn{width:24px;height:28px;display:flex;align-items:center;justify-content:center;color:#475569;text-decoration:none;font-size:22px;margin-top:0}
.query-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.query-title-line h2{font-size:19px;line-height:24px;font-weight:600;color:#111827;margin:0;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.query-title-line strong{font-size:19px;line-height:24px;color:#111827;font-weight:600;white-space:nowrap}
.query-title-dot{font-size:16px;color:#94a3b8}
.query-title-edit{width:24px;height:24px;border:0;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}
.query-owner-line{height:20px;display:flex;align-items:center;gap:6px;font-size:13px;color:#111827;margin-top:1px}
.query-date-line{font-size:13px;color:#111827;margin-top:5px}
.query-date-line b{font-weight:500}
.query-title-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-top:6px}
.query-outline-btn{height:32px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:17px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.query-green-btn{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.query-round-btn{width:32px;height:32px;border:0;background:var(--tb-accent-soft);color:var(--tb-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.query-nav-btn{width:32px;height:32px;border:1px solid #d8e2eb;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;text-decoration:none}
.query-stage-wrap{height:72px;position:relative;padding:0 56px}
.query-stage-line{height:2px;background:#e5edf5;position:absolute;left:64px;right:64px;top:26px}
.query-stage-line span{height:2px;background:#7db6ff;display:block}
.query-stage-list{height:55px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2;padding-top:15px}
.query-stage-form{margin:0;padding:0;display:flex;align-items:flex-start;justify-content:center;min-width:34px}
.query-stage-step{min-width:22px;height:22px;border:2px solid #dfe7ef;background:#fff;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;position:relative;font-size:12px}
.query-stage-step span{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.query-stage-step.done{border-color:#82b7ff;background:#fff;color:#5c9bec}
.query-stage-step.done span{background:#fff;color:#5c9bec}
.query-stage-step.active{height:31px;min-width:206px;border-radius:18px;border-color:#7db6ff;background:#75aef2;color:#fff;padding:0 13px;gap:8px;margin-top:-5px;font-size:14px;font-weight:600}
.query-stage-step.active span{width:20px;height:20px;border:2px solid #fff;background:transparent}
.query-stage-step.active b{font-weight:600;white-space:nowrap}
.query-stage-step.active i{font-size:12px}
.query-stage-step:not(.active):not(.done):hover{border-color:#94a3b8}
.query-stage-status-icons{height:20px;display:flex;justify-content:space-between;padding:0 10px;margin-top:-5px;color:var(--tb-accent);font-size:14px}
.query-stage-status-icons span:last-child{color:#ef4444}
.query-bigin-body{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr);background:#eef4f8}
.query-bigin-left{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:18px 18px 28px}
.query-side-section{margin-bottom:24px}
.query-side-section h4{font-size:15px;line-height:20px;color:#111827;font-weight:600;margin:0 0 12px}
.query-person-row{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#111827;font-size:15px}
.query-mini-avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#334155;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-transform:uppercase}
.query-mini-avatar.company{background:var(--tb-accent-border);color:#166534}
.query-side-line{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;min-height:30px;color:#111827;font-size:14px}
.query-side-line i{font-size:15px;color:#64748b}
.query-side-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.query-description{font-size:14px;line-height:20px;color:#111827;max-height:110px;overflow:hidden}
.query-field-row{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;border-bottom:1px solid #eef2f6;min-height:31px;align-items:center}
.query-field-row label{font-size:12px;color:#64748b;line-height:17px}
.query-field-row span{font-size:12px;color:#111827;line-height:17px;text-align:right;word-break:break-word}
.query-modified{border-top:1px solid #eef2f6;padding-top:14px;color:#334155;font-size:13px;display:flex;align-items:center;gap:8px}
.owner-dot{width:20px;height:20px;border-radius:50%;background:var(--tb-accent-border);color:#166534;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase}
.query-bigin-main{min-width:0;display:flex;flex-direction:column;background:#eef4f8;overflow:hidden}
.query-bigin-tabs{height:43px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:flex-end;padding:0 26px;gap:26px;overflow-x:auto;white-space:nowrap;flex:0 0 auto}
.query-bigin-tabs a{height:43px;display:flex;align-items:center;gap:7px;color:#111827;text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}
.query-bigin-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.query-bigin-tabs span{min-width:18px;height:18px;border-radius:10px;background:#dceefb;color:#0f172a;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.query-bigin-content{flex:1;overflow:auto;background:#eef4f8;padding:16px}
.query-bigin-content>.query-tab-panel,.query-bigin-content>.activity-box,.query-bigin-content>.notes-box,.query-bigin-content>.emails-box,.query-bigin-content>.timeline-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.query-tab-panel{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.query-tab-head{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;padding:0 22px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.query-tab-head h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}
.query-tab-head p{font-size:13px;color:#64748b;margin:0}
.detail-table{width:100%;border-collapse:collapse;background:#fff}
.detail-table th{height:36px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;color:#212129;font-size:13px;font-weight:500;padding:0 14px;background:#fff}
.detail-table td{height:42px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;padding:0 14px;background:#fff}
.detail-empty-cell{height:110px!important;text-align:center;color:#64748b;font-size:15px}
.detail-empty-state{padding:46px 20px;color:#64748b;font-size:15px;text-align:center;background:#fff}
.query-light-btn{height:30px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:16px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.query-light-btn:hover{background:#f8fafc}
.drawer-save{height:34px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600}
.small-save{height:30px;padding:0 12px;font-size:13px}
.query-quotation-card{background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:16px;box-shadow:none}
.query-quotation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.query-quotation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.query-quotation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 20px}
.query-quotation-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;padding:10px}
.query-quotation-summary span{display:block;font-size:11px;color:#64748b;margin-bottom:4px}
.query-quotation-summary b{font-size:14px;color:#111827}
.query-card-list,.query-document-list,.query-timeline-list{padding:16px 20px}
.query-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:capitalize;background:#f1f5f9;color:#475569}
.query-status.confirmed,.query-status.paid{background:#dcfce7;color:#166534}
.query-status.draft,.query-status.pending,.query-status.unpaid{background:#fef3c7;color:#92400e}
.query-status.overdue{background:#fee2e2;color:#991b1b}
@media(max-width:1100px){.query-bigin-body{grid-template-columns:270px minmax(0,1fr)}.query-title-line h2{max-width:360px}.query-stage-step.active{min-width:150px}.query-title-actions{gap:5px}.query-outline-btn,.query-green-btn{padding:0 10px}.query-bigin-tabs{gap:18px;padding:0 18px}}
.query-bigin-page{height:calc(100vh - 48px);background:#eef4f8;overflow:hidden;display:flex;flex-direction:column}
.query-bigin-header{background:#fff;border-bottom:1px solid #dfe7ef;flex:0 0 auto}
.query-bigin-top{height:76px;display:flex;align-items:flex-start;justify-content:space-between;padding:10px 16px 0 14px;gap:20px}
.query-title-left{display:flex;align-items:flex-start;gap:14px;min-width:0}
.query-back-btn{width:24px;height:28px;display:flex;align-items:center;justify-content:center;color:#475569;text-decoration:none;font-size:22px;margin-top:0}
.query-title-box{min-width:0}
.query-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.query-title-line h2{font-size:19px;line-height:24px;font-weight:600;color:#111827;margin:0;max-width:680px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.query-title-edit{width:24px;height:24px;border:0;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer}
.query-owner-line{height:20px;display:flex;align-items:center;gap:6px;font-size:13px;color:#111827;margin-top:2px}
.query-code-text{color:#2563eb}
.query-sub-sep{color:#94a3b8}
.query-date-line{font-size:13px;color:#111827;margin-top:4px}
.query-date-line b{font-weight:500}
.query-title-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-top:6px}
.query-outline-btn{height:32px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:17px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.query-green-btn{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.query-round-btn{width:32px;height:32px;border:0;background:var(--tb-accent-soft);color:var(--tb-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.query-nav-btn{width:32px;height:32px;border:1px solid #d8e2eb;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;text-decoration:none}
.detail-more-wrap{position:relative}
.detail-more-menu{display:none;position:absolute;right:0;top:38px;width:190px;background:#fff;border:1px solid #dfe7ef;border-radius:6px;box-shadow:0 12px 30px rgba(15,23,42,.14);z-index:30;overflow:hidden}
.detail-more-menu.show{display:block}
.detail-more-menu a,.detail-more-menu button{width:100%;height:38px;border:0;background:#fff;color:#111827;text-decoration:none;display:flex;align-items:center;gap:9px;padding:0 13px;font-size:13px;font-weight:500;cursor:pointer;text-align:left}
.detail-more-menu a:hover,.detail-more-menu button:hover{background:#f8fafc}
.detail-more-menu form{margin:0;padding:0}
.query-stage-wrap{height:76px;padding:6px 28px 10px;position:relative}
.query-stage-line{height:2px;background:#e5edf5;position:absolute;left:40px;right:40px;top:18px}
.query-stage-line span{height:2px;background:#7db6ff;display:block}
.query-stage-list{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
.query-stage-item{flex:1;display:flex;flex-direction:column;align-items:center;min-width:64px}
.query-stage-form{margin:0;padding:0}
.query-stage-step{width:24px;height:24px;border:2px solid #dfe7ef;background:#fff;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.query-stage-step.done{border-color:#82b7ff;color:#5c9bec}
.query-stage-step.active{width:26px;height:26px;border-color:#7db6ff;background:#75aef2;color:#fff}
.query-stage-circle{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.query-stage-step.active .query-stage-circle{border:2px solid #fff}
.query-stage-name{margin-top:8px;font-size:11px;line-height:14px;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;max-width:105px;min-height:28px}
.query-stage-name span{display:block;white-space:normal}
.query-stage-name.won{color:var(--tb-accent)}
.query-stage-name.lost{color:#dc2626}
.query-stage-name i{font-size:12px}
.query-bigin-body{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr);background:#eef4f8}
.query-bigin-left{background:#fff;border-right:1px solid #dfe7ef;overflow:auto;padding:20px 20px 30px}
.query-left-section{margin-bottom:26px}
.query-left-section h4{font-size:15px;line-height:20px;color:#111827;font-weight:600;margin:0 0 13px}
.query-left-person{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#111827;font-size:15px}
.query-left-person strong{font-size:15px;font-weight:600;color:#111827;line-height:20px}
.query-left-avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#334155;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-transform:uppercase;flex:0 0 auto}
.query-left-avatar.company{background:var(--tb-accent-border);color:#166534}
.query-left-line{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;min-height:32px;color:#111827;font-size:15px;line-height:22px}
.query-left-line i{font-size:15px;color:#64748b}
.query-left-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.query-left-desc{font-size:15px;line-height:20px;color:#111827;max-height:64px;overflow:hidden}
.query-left-desc.show{max-height:none}
.query-left-more{font-size:14px;color:#0b63ce;text-decoration:none;font-weight:500;margin-left:74px}
.query-left-modified{display:flex;align-items:center;gap:9px;margin-top:8px;color:#111827;font-size:14px;line-height:20px}
.query-left-small-avatar{width:22px;height:22px;border-radius:50%;background:var(--tb-accent-border);color:#166534;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase;flex:0 0 auto}
.query-left-modified b{font-weight:600}
.owner-dot{width:20px;height:20px;border-radius:50%;background:var(--tb-accent-border);color:#166534;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase}
.query-bigin-main{min-width:0;display:flex;flex-direction:column;background:#eef4f8;overflow:hidden}
.query-bigin-tabs{height:43px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:flex-end;padding:0 26px;gap:26px;overflow-x:auto;white-space:nowrap;flex:0 0 auto}
.query-bigin-tabs a{height:43px;display:flex;align-items:center;gap:7px;color:#111827;text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent}
.query-bigin-tabs a.active{border-bottom-color:var(--tb-accent);color:#111827}
.query-bigin-tabs span{min-width:18px;height:18px;border-radius:10px;background:#dceefb;color:#0f172a;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.query-bigin-content{flex:1;overflow:auto;background:#eef4f8;padding:16px}
.query-bigin-content>.query-tab-panel,.query-bigin-content>.activity-box,.query-bigin-content>.notes-box,.query-bigin-content>.emails-box,.query-bigin-content>.timeline-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.query-tab-panel{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.query-tab-head{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;padding:0 22px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.query-tab-head h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}
.query-tab-head p{font-size:13px;color:#64748b;margin:0}
.query-card-list,.query-document-list,.query-timeline-list{padding:16px 20px}
.query-quotation-card{background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:16px;box-shadow:none}
.query-quotation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.query-quotation-top h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}
.query-quotation-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.query-quotation-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 20px}
.query-quotation-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;padding:10px}
.query-quotation-summary span{display:block;font-size:11px;color:#64748b;margin-bottom:4px}
.query-quotation-summary b{font-size:14px;color:#111827}
.query-light-btn{height:30px;border:1px solid #d8e2eb;background:#fff;color:#111827;border-radius:16px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.query-light-btn:hover{background:#f8fafc}
.drawer-save{height:34px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 16px;font-size:14px;font-weight:600}
.small-save{height:30px;padding:0 12px;font-size:13px}
.detail-table{width:100%;border-collapse:collapse;background:#fff}
.detail-table th{height:36px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;color:#212129;font-size:13px;font-weight:500;padding:0 14px;background:#fff}
.detail-table td{height:42px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;padding:0 14px;background:#fff}
.detail-empty-cell{height:110px!important;text-align:center;color:#64748b;font-size:15px}
.detail-empty-state{padding:46px 20px;color:#64748b;font-size:15px;text-align:center;background:#fff}
.query-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;text-transform:capitalize;background:#f1f5f9;color:#475569}
.query-status.confirmed,.query-status.paid{background:#dcfce7;color:#166534}
.query-status.draft,.query-status.pending,.query-status.unpaid{background:#fef3c7;color:#92400e}
.query-status.overdue{background:#fee2e2;color:#991b1b}
.query-document-person{background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:14px}
.query-document-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.query-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.query-timeline-item{display:flex;gap:12px;background:#fff;border:1px solid #dfe7ef;border-radius:4px;padding:14px}
.query-timeline-item h4{font-size:14px;color:#111827;margin:0 0 4px}
.query-timeline-item p{font-size:12px;color:#4b5563;margin:0 0 6px}
.query-timeline-item span{font-size:11px;color:#94a3b8}
@media(max-width:1100px){.query-bigin-body{grid-template-columns:270px minmax(0,1fr)}.query-title-line h2{max-width:360px}.query-bigin-tabs{gap:18px;padding:0 18px}.query-stage-name{max-width:72px}.query-outline-btn,.query-green-btn{padding:0 10px}}
.query-left-field{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;border-bottom:1px solid #eef2f6;min-height:31px;align-items:center}
.query-left-field label{font-size:12px;color:#64748b;line-height:17px}
.query-left-field span{font-size:12px;color:#111827;line-height:17px;text-align:right;word-break:break-word}
.query-left-section .query-left-field:last-child{border-bottom:0}
 .query-stagebar{height:76px;background:#fff;border-bottom:1px solid #dfe7ef;padding:8px 34px 8px;position:relative}
.query-stagebar-line{height:2px;background:#e5edf5;position:absolute;left:46px;right:46px;top:20px}
.query-stagebar-line span{height:2px;background:#7db6ff;display:block}
.query-stagebar-list{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
.query-stagebar-item{width:auto;min-width:70px;display:flex;flex-direction:column;align-items:center;position:relative}
.query-stagebar-item form{margin:0;padding:0}
.query-stagebar-item button{width:24px;height:24px;border:2px solid #dfe7ef;background:#fff;color:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.query-stagebar-item.done button{border-color:#82b7ff;color:#5c9bec;background:#fff}
.query-stagebar-item.active button{border-color:#7db6ff;background:#75aef2;color:#fff}
.query-stagebar-item button span{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.query-stagebar-item.active button span{border:2px solid #fff}
.query-stagebar-name{margin-top:8px;font-size:11px;line-height:14px;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-height:18px}

.query-stagebar-item.won .query-stagebar-name{color:var(--tb-accent)}
.query-stagebar-item.lost .query-stagebar-name{color:#dc2626}
.query-stagebar-name i{font-size:20px}
.query-stagebar.query-stage-won .query-stagebar-line span{background:var(--tb-accent)}
.query-stagebar.query-stage-won .query-stagebar-item.done button,.query-stagebar.query-stage-won .query-stagebar-item.active button{border-color:var(--tb-accent);background:var(--tb-accent);color:#fff}
.query-stagebar.query-stage-won .query-stagebar-item.done .query-stagebar-name,.query-stagebar.query-stage-won .query-stagebar-item.active .query-stagebar-name{color:var(--tb-accent)}
.query-stagebar.query-stage-lost .query-stagebar-line span{background:#dc2626}
.query-stagebar.query-stage-lost .query-stagebar-item.done button,.query-stagebar.query-stage-lost .query-stagebar-item.active button{border-color:#dc2626;background:#dc2626;color:#fff}
.query-stagebar.query-stage-lost .query-stagebar-item.done .query-stagebar-name,.query-stagebar.query-stage-lost .query-stagebar-item.active .query-stagebar-name{color:#dc2626}
.query-stagebar{height:76px;background:#fff;border-bottom:1px solid #dfe7ef;padding:8px 34px 8px;position:relative}
.query-stagebar-line{height:2px;background:#e5edf5;position:absolute;left:46px;right:46px;top:20px}
.query-stagebar-line span{height:2px;display:block}
.query-stagebar-list{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}
.query-stagebar-item{width:auto;min-width:70px;display:flex;flex-direction:column;align-items:center;position:relative}
.query-stagebar-item form{margin:0;padding:0}
.query-stagebar-item button{width:24px;height:24px;border:2px solid var(--stage-color);background:#fff;color:var(--stage-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.query-stagebar-item.done button,.query-stagebar-item.active button{border-color:var(--stage-color);background:var(--stage-color);color:#fff}
.query-stagebar-item button span{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.query-stagebar-item.active button span{border:2px solid #fff}
.query-stagebar-name{margin-top:8px;font-size:11px;line-height:14px;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-height:18px}
.query-stagebar-item.done .query-stagebar-name,.query-stagebar-item.active .query-stagebar-name{color:var(--stage-color)}
.query-stagebar-item.won .query-stagebar-name{color:var(--tb-accent)}
.query-stagebar-item.lost .query-stagebar-name{color:#dc2626} 
.query-top-status{height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:16px;font-size:13px;font-weight:600;text-transform:capitalize;border:1px solid #d8e2eb;background:#f8fafc;color:#475569}
.query-top-status.open,.query-top-status.active,.query-top-status.pending{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}
.query-top-status.won,.query-top-status.closed-won,.query-top-status.confirmed{background:#dcfce7;color:#166534;border-color:#86efac}
.query-top-status.lost,.query-top-status.closed-lost,.query-top-status.cancelled{background:#fee2e2;color:#dc2626;border-color:#fca5a5}
.query-top-status.qualified,.query-top-status.negotiation,.query-top-status.in-progress{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.query-status-badge{height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:16px;font-size:13px;font-weight:600;color:#fff;text-transform:capitalize;white-space:nowrap}
.query-stagebar-line{height:2px;background:#e5edf5;position:absolute;left:46px;right:46px;top:20px}
.query-stagebar-line span{height:2px;display:block}
.query-stagebar-item button{width:24px;height:24px;border:2px solid var(--stage-color);background:#fff;color:var(--stage-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.query-stagebar-item.done button,.query-stagebar-item.active button{border-color:var(--stage-color);background:var(--stage-color);color:#fff}
.query-stagebar-item button span{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.query-stagebar-item.active button span{border:2px solid #fff}
.query-stagebar-name{margin-top:8px;font-size:12px;line-height:14px;color:#94a3b8;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;min-height:18px}
.query-stagebar-item.done .query-stagebar-name,.query-stagebar-item.active .query-stagebar-name{color:var(--stage-color)}
.query-stagebar-item.won .query-stagebar-name{color:var(--stage-color)}
.query-stagebar-item.lost .query-stagebar-name{color:var(--stage-color)} 

.bigin-quote-box{background:#fff;min-height:100%;border-radius:4px;padding:0 0 28px}
.bigin-quote-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6}
.bigin-quote-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-quote-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-quote-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600}
.bigin-quote-list{padding:14px 20px 24px}
.bigin-quote-card{background:#fff;border-bottom:1px solid #eef2f6;padding:0 0 16px;margin-bottom:16px}
.bigin-quote-card:last-child{border-bottom:0;margin-bottom:0}
.bigin-quote-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.bigin-quote-title h4{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-quote-title p{margin:5px 0 0;color:#64748b;font-size:13px}
.bigin-quote-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.bigin-quote-actions a,.bigin-quote-actions button{height:30px;border:1px solid #dfe7ef;background:#fff;color:#111827;border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;cursor:pointer}
.bigin-quote-actions a:hover,.bigin-quote-actions button:hover{border-color:var(--tb-accent);color:var(--tb-accent)}
.bigin-quote-actions form{margin:0}
.bigin-quote-actions button.confirm{border-color:var(--tb-accent);background:var(--tb-accent);color:#fff}
.bigin-quote-status{height:24px;border-radius:13px;padding:0 11px;font-size:12px;font-weight:600;display:flex;align-items:center}
.bigin-quote-status.confirmed{background:#dcfce7;color:#166534}
.bigin-quote-status.draft{background:#f1f5f9;color:#475569}
.bigin-quote-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}
.bigin-quote-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;padding:9px 10px}
.bigin-quote-summary span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.bigin-quote-summary b{display:block;color:#111827;font-size:14px;font-weight:600}
.bigin-quote-table{width:100%;border-collapse:collapse;background:#fff}
.bigin-quote-table th{height:34px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;color:#212129;font-size:13px;font-weight:500;padding:0 14px;background:#fff}
.bigin-quote-table td{height:38px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;padding:0 14px;background:#fff}
.bigin-quote-table td b{font-weight:600}
.bigin-quote-noitem{height:42px;display:flex;align-items:center;color:#64748b;font-size:13px;border-top:1px solid #eef2f6}
.bigin-quote-empty{padding:40px 20px;text-align:center}
.bigin-quote-empty h4{margin:0 0 6px;color:#111827;font-size:16px;font-weight:600}
.bigin-quote-empty p{margin:0;color:#64748b;font-size:13px}
@media(max-width:1100px){.bigin-quote-head,.bigin-quote-card-head{height:auto;flex-direction:column;align-items:flex-start;padding-top:14px;padding-bottom:14px}.bigin-quote-summary{grid-template-columns:1fr}.bigin-quote-actions{justify-content:flex-start}}


.bigin-mail-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-mail-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-mail-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-mail-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-mail-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-mail-list{padding:10px 20px 22px;background:#fff}
.bigin-mail-item{display:flex;gap:13px;padding:14px 10px;border-bottom:1px solid #eef2f6;cursor:pointer}
.bigin-mail-item:hover{background:#f8fafc}
.bigin-mail-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:2px}
.bigin-mail-content{min-width:0;flex:1}
.bigin-mail-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}
.bigin-mail-top h4{margin:0;color:#111827;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-mail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#64748b;font-size:12px}
.bigin-mail-meta span{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-mail-meta b{color:#475569;font-weight:600;margin-right:4px}
.bigin-mail-status{height:22px;border-radius:12px;padding:0 9px;font-size:11px;font-weight:600;display:flex;align-items:center;background:#f1f5f9;color:#475569;text-transform:capitalize;flex:0 0 auto}
.bigin-mail-status.sent,.bigin-mail-status.success{background:#dcfce7;color:#166534}
.bigin-mail-status.failed,.bigin-mail-status.error{background:#fee2e2;color:#991b1b}
.bigin-mail-status.pending,.bigin-mail-status.draft{background:#fef3c7;color:#92400e}
@media(max-width:900px){.bigin-mail-head{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.bigin-mail-top{align-items:flex-start;flex-direction:column;gap:7px}.bigin-mail-meta{gap:8px;flex-direction:column;align-items:flex-start}.bigin-mail-meta span{max-width:100%}}

.bigin-supplier-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-supplier-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-supplier-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-supplier-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-supplier-list{padding:10px 20px 24px;background:#fff}
.bigin-supplier-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 10px;border-bottom:1px solid #eef2f6 !important;}
.bigin-supplier-row:last-child{border-bottom:0}
.bigin-supplier-row:hover{background:#f8fafc}
.bigin-supplier-main{display:flex;align-items:center;gap:12px;min-width:240px}
.bigin-supplier-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-supplier-main h4{margin:0;color:#111827;font-size:14px;font-weight:600}
.bigin-supplier-main p{margin:5px 0 0;color:#64748b;font-size:12px}
.bigin-supplier-values{display:grid;grid-template-columns:repeat(4,120px);gap:8px;flex:1}
.bigin-supplier-values div{min-width:0}
.bigin-supplier-values span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.bigin-supplier-values b{display:block;color:#111827;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-supplier-action{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:155px}
.bigin-supplier-action button{height:30px;border:1px solid #dfe7ef;background:#fff;color:#111827;border-radius:16px;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-supplier-action button:hover{border-color:var(--tb-accent);color:var(--tb-accent)}
.bigin-supplier-status{height:22px;border-radius:12px;padding:0 9px;font-size:11px;font-weight:600;display:flex;align-items:center;background:#f1f5f9;color:#475569}
.bigin-supplier-status.paid{background:#dcfce7;color:#166534}
.bigin-supplier-status.pending{background:#fef3c7;color:#92400e}
.bigin-supplier-status.overdue{background:#fee2e2;color:#991b1b}
@media(max-width:1100px){.bigin-supplier-row{align-items:flex-start;flex-direction:column}.bigin-supplier-values{width:100%;grid-template-columns:repeat(2,1fr)}.bigin-supplier-action{justify-content:flex-start}.bigin-supplier-head{height:auto;padding:14px 18px}}

.bigin-billing-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-billing-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-billing-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-billing-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-billing-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 20px 4px;background:#fff}
.bigin-billing-summary div{background:#f8fafc;border:1px solid #eef2f7;border-radius:4px;padding:9px 10px}
.bigin-billing-summary span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.bigin-billing-summary b{display:block;color:#111827;font-size:14px;font-weight:600}
.bigin-billing-list{padding:10px 20px 24px;background:#fff; }
.bigin-billing-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 10px;border-bottom:1px solid #eef2f6;border-bottom:1px solid #eef2f6 !important;}
.bigin-billing-row:last-child{border-bottom:0}
.bigin-billing-row:hover{background:#f8fafc}
.bigin-billing-main{display:flex;align-items:center;gap:12px;min-width:260px}
.bigin-billing-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-billing-main h4{margin:0;color:#111827;font-size:14px;font-weight:600}
.bigin-billing-main p{margin:5px 0 0;color:#64748b;font-size:12px}
.bigin-billing-values{display:grid;grid-template-columns:repeat(3,140px);gap:8px;flex:1}
.bigin-billing-values span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.bigin-billing-values b{display:block;color:#111827;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-billing-action{display:flex;align-items:center;justify-content:flex-end;min-width:95px}
.bigin-billing-status{height:22px;border-radius:12px;padding:0 9px;font-size:11px;font-weight:600;display:flex;align-items:center;background:#f1f5f9;color:#475569}
.bigin-billing-status.paid{background:#dcfce7;color:#166534}
.bigin-billing-status.pending{background:#fef3c7;color:#92400e}
.bigin-billing-status.overdue{background:#fee2e2;color:#991b1b}
.bigin-billing-status.cancelled{background:#e5e7eb;color:#374151}
@media(max-width:1100px){.bigin-billing-head{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.bigin-billing-summary{grid-template-columns:1fr}
.bigin-billing-row{align-items:flex-start;flex-direction:column;border-bottom:1px solid #eef2f6 !important;}
.bigin-billing-values{width:100%;grid-template-columns:repeat(2,1fr)}
.bigin-billing-action{justify-content:flex-start}}

.bigin-invoice-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-invoice-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-invoice-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-invoice-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-invoice-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-invoice-list{padding:10px 20px 24px;background:#fff}
.bigin-invoice-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 10px;border-bottom:1px solid #eef2f6 !important;}
.bigin-invoice-row:last-child{border-bottom:0}
.bigin-invoice-row:hover{background:#f8fafc}
.bigin-invoice-main{display:flex;align-items:center;gap:12px;min-width:260px}
.bigin-invoice-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-invoice-main h4{margin:0;color:#111827;font-size:14px;font-weight:600}
.bigin-invoice-main p{margin:5px 0 0;color:#64748b;font-size:12px}
.bigin-invoice-values{display:grid;grid-template-columns:repeat(3,140px);gap:8px;flex:1}
.bigin-invoice-values span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.bigin-invoice-values b{display:block;color:#111827;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-invoice-values em{font-style:normal}
.bigin-invoice-action{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:170px}
.bigin-invoice-action a,.bigin-invoice-action button{height:30px;border:1px solid #dfe7ef;background:#fff;color:#111827;border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;cursor:pointer}
.bigin-invoice-action a:hover,.bigin-invoice-action button:hover{border-color:var(--tb-accent);color:var(--tb-accent)}
.bigin-invoice-status{height:22px;border-radius:12px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;background:#f1f5f9;color:#475569}
.bigin-invoice-status.paid{background:#dcfce7;color:#166534}
.bigin-invoice-status.pending{background:#fef3c7;color:#92400e}
.bigin-invoice-status.overdue{background:#fee2e2;color:#991b1b}
.bigin-invoice-status.cancelled{background:#e5e7eb;color:#374151}
.bigin-invoice-status.draft{background:#f1f5f9;color:#475569}
@media(max-width:1100px){.bigin-invoice-head{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.bigin-invoice-row{align-items:flex-start;flex-direction:column}.bigin-invoice-values{width:100%;grid-template-columns:repeat(2,1fr)}.bigin-invoice-action{justify-content:flex-start}}

.bigin-document-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-document-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-document-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-document-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-document-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-document-list{padding:10px 20px 24px;background:#fff}
.bigin-document-person{padding:15px 10px;border-bottom:1px solid #eef2f6}
.bigin-document-person:last-child{border-bottom:0}
.bigin-document-person-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.bigin-document-person-main{display:flex;align-items:center;gap:12px;min-width:260px}
.bigin-document-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-document-person-main h4{margin:0;color:#111827;font-size:14px;font-weight:600}
.bigin-document-person-main p{margin:5px 0 0;color:#64748b;font-size:12px}
.bigin-document-person-head button{height:30px;border:1px solid #dfe7ef;background:#fff;color:#111827;border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-document-person-head button:hover{border-color:var(--tb-accent);color:var(--tb-accent)}
.bigin-document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.bigin-document-card{display:flex;align-items:center;gap:11px;min-height:48px;border:1px solid #eef2f6;background:#f8fafc;border-radius:4px;padding:9px 10px;text-decoration:none;color:#111827}
.bigin-document-card:hover{border-color:#dfe7ef;background:#fff}
.bigin-document-file{width:34px;height:34px;border-radius:4px;background:#fff;border:1px solid #dfe7ef;color:var(--tb-accent);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-document-card div:nth-child(2){min-width:0;flex:1}
.bigin-document-card h5{margin:0;color:#111827;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-document-card p{margin:4px 0 0;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-document-card span{height:24px;border-radius:12px;padding:0 9px;font-size:11px;font-weight:600;display:flex;align-items:center;background:#f1f5f9;color:#475569;flex:0 0 auto}
.bigin-document-empty{height:42px;display:flex;align-items:center;color:#64748b;font-size:13px;border-top:1px solid #eef2f6}
@media(max-width:1100px){.bigin-document-head{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.bigin-document-person-head{align-items:flex-start;flex-direction:column}.bigin-document-grid{grid-template-columns:1fr}}

.query-history-box{background:#fff;min-height:100%;border-radius:4px;padding:0}
.query-history-head{height:75px;display:flex;align-items:center;padding:0 22px}
.query-history-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.query-history-list{padding:0 0 40px 28px;position:relative}
.query-history-day{height:36px;margin-left:87px;display:flex;align-items:center;gap:18px;color:#111827;font-size:12px;position:relative;z-index:2}
.query-history-day span{width:11px;height:11px;border-radius:50%;background:#20bd8b;display:inline-block}
.query-history-day b{font-size:12px;font-weight:600;color:#111827}
.query-history-item{display:grid;grid-template-columns:70px 24px 34px 1fr;column-gap:10px;min-height:66px;position:relative}
.query-history-time{font-size:13px;color:#111827;text-align:right;padding-top:7px;white-space:nowrap}
.query-history-line{position:relative;display:flex;justify-content:center}
.query-history-line:before{content:"";position:absolute;top:-18px;bottom:-18px;left:50%;width:1px;background:#dfe7ef;transform:translateX(-50%)}
.query-history-line span{width:12px;height:12px;background:#fff;border:2px solid #d5e0ea;border-radius:50%;position:relative;z-index:2;margin-top:7px}
.query-history-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:1px;color:#64748b;font-size:16px}
.query-history-icon.quotation{color:#0f766e}
.query-history-icon.invoice{color:#0b63c7}
.query-history-icon.email{color:#0b63c7}
.query-history-icon.file{color:#7c3aed}
.query-history-text{padding:0 20px 18px 0}
.query-history-text h4{margin:0 0 5px;color:#111827;font-size:14px;font-weight:600;line-height:20px}
.query-history-text p{margin:0;color:#111827;font-size:14px;font-weight:400;line-height:20px;max-width:720px}
.query-history-item:hover .query-history-text h4{color:#0b63c7}



.quote-clean-form{background:#fff}
.quote-form-wrap{background:#fff}
.quote-form-top{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:14px 16px;margin:0 0 18px}
.quote-form-top h3{margin:0;color:#111827;font-size:16px;font-weight:600}
.quote-form-top p{margin:6px 0 0;color:#64748b;font-size:13px}
.quote-form-section{border-bottom:1px solid #eef2f6;padding:0 0 20px;margin:0 0 20px}
.quote-form-section:last-child{border-bottom:0;margin-bottom:0}
.quote-section-title{margin:0 0 12px;color:#111827;font-size:13px;font-weight:600}
.quote-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.quote-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}
.quote-field{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px}
.quote-field label{margin:0;color:#374151;font-size:14px;font-weight:500;text-align:right}
.quote-field.required label:after{content:"";display:inline-block;width:3px;height:20px;background:#ff5b6b;border-radius:2px;margin-left:10px;vertical-align:middle}
.quote-field .drawer-control{width:100%;height:38px;border:1px solid #cfd8e3;border-radius:3px;background:#fff;color:#111827;font-size:14px;padding:0 12px;box-shadow:none;box-sizing:border-box}
.quote-field .drawer-control:focus{border-color:var(--tb-accent);outline:none;box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.08)}
.quote-field textarea.drawer-control{height:auto;min-height:80px;padding:10px 12px;resize:vertical;line-height:20px}
textarea.drawer-control{min-height:80px;resize:vertical}
.quote-item-card{border:1px solid #dfe7ef;border-radius:8px;background:#fff;padding:14px;margin:0 0 12px}
.quote-item-head{height:28px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.quote-item-head b{color:#111827;font-size:13px;font-weight:600}
.quote-item-head button{border:0;background:none;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;padding:0}
.quote-add-item{width:100%;height:40px;border:1px dashed #aebdcb;background:#fff;border-radius:8px;color:#475569;font-size:13px;font-weight:600;cursor:pointer}
.quote-add-item:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#f8fffd}
.quote-tax-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}
.quote-tax-row .quote-field{display:block}
.quote-tax-row .quote-field label{display:block;text-align:left;margin:0 0 6px;color:#374151;font-size:13px;font-weight:600}
.quote-tax-row .quote-field .drawer-control{width:100%;height:38px}
.quote-total-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.quote-total-grid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:11px 12px}
.quote-total-grid span{display:block;color:#64748b;font-size:11px;margin-bottom:6px}
.quote-total-grid b{display:block;color:#111827;font-size:16px;font-weight:600}
.quote-drawer-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #eef2f6;z-index:20}
@media(max-width:1100px){.quote-grid-2,.quote-grid-3,.quote-tax-row{grid-template-columns:1fr}.quote-field{grid-template-columns:1fr}.quote-field label{text-align:left}.quote-field.required label:after{display:none}.quote-total-grid{grid-template-columns:1fr}}

.quote-section-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.quote-section-inline .quote-section-title{margin:0}
.quote-quick-toggle{height:30px;border:1px solid #dfe7ef;background:#fff;color:var(--tb-accent);border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;cursor:pointer}
.quote-quick-toggle:hover{border-color:var(--tb-accent);background:#f8fffd}
.quote-quick-supplier{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:14px}
.quote-quick-supplier-section{padding-bottom:16px}

.quote-item-card .quote-grid-3{display:grid;grid-template-columns:repeat(12,1fr);gap:14px 18px}
.quote-item-card .quote-field{display:block;grid-template-columns:none}
.quote-item-card .quote-field label{display:block;text-align:left;margin:0 0 6px;color:#374151;font-size:13px;font-weight:600;white-space:nowrap}
.quote-item-card .quote-field .drawer-control{width:100%;min-width:0;height:38px}
.quote-item-card .quote-field.required label:after{width:3px;height:18px;margin-left:8px}
.quote-item-card .quote-field:nth-child(1){grid-column:span 4}
.quote-item-card .quote-field:nth-child(2){grid-column:span 3}
.quote-item-card .quote-field:nth-child(3){grid-column:span 3}
.quote-item-card .quote-field:nth-child(4){grid-column:span 3}
.quote-item-card .quote-field:nth-child(5){grid-column:span 3}
.quote-item-card .quote-field:nth-child(6){grid-column:span 3}
.quote-item-card .quote-field:nth-child(7){grid-column:span 3}
.quote-item-card .quote-field:nth-child(8){grid-column:span 3}
.quote-item-card .quote-field:nth-child(9){grid-column:span 3}
.quote-item-card .quote-field:nth-child(n+10){grid-column:span 3}
.quote-item-card select.drawer-control{padding-right:28px}
@media(max-width:1100px){.quote-item-card .quote-grid-3{grid-template-columns:repeat(2,1fr)}.quote-item-card .quote-field,.quote-item-card .quote-field:nth-child(n){grid-column:span 1}}
.quote-item-card .quote-desc-field{grid-column:span 5!important}
.quote-item-card .quote-field:first-child{grid-column:span 4!important}
.quote-item-card .quote-field select[name="trip_type[]"]{min-width:150px}

.quote-date-picker,.quote-datetime-picker{cursor:pointer;background:#fff}

.ui-timepicker-div{font-size:12px;padding:8px 10px;border-top:1px solid #eef2f6}
.ui-timepicker-div dl{margin:0}
.ui-timepicker-div dt{float:left;clear:left;width:55px;color:#374151;font-weight:600;padding:4px 0}
.ui-timepicker-div dd{margin:0 0 6px 62px}
.ui-timepicker-div select{height:28px;border:1px solid #cfd8e3;border-radius:3px;background:#fff;color:#111827;font-size:12px;padding:0 6px}
.ui-datepicker .ui-datepicker-buttonpane button{height:28px;border:1px solid #dfe7ef;background:#fff;border-radius:4px;color:#111827;font-size:12px;font-weight:600}
.crm-location-field{position:relative}
.crm-location-suggest{position:absolute;left:0;right:0;top:100%;z-index:99999;background:#fff;border:1px solid #dfe7ef;border-radius:6px;box-shadow:0 10px 28px rgba(15,23,42,.12);max-height:260px;overflow:auto;display:none;margin-top:4px}
.crm-location-option{padding:9px 12px;cursor:pointer;border-bottom:1px solid #eef2f6;background:#fff}
.crm-location-option:hover{background:#f8fafc}
.crm-location-option b{display:block;color:#111827;font-size:13px;font-weight:600;line-height:18px}
.crm-location-option span{display:block;color:#64748b;font-size:12px;line-height:17px;margin-top:2px}
.crm-location-loading,.crm-location-empty{padding:11px 12px;color:#64748b;font-size:13px}

.crm-location-option.active{background:#eefaf7}
.crm-location-option.active b{color:var(--tb-accent)}
.crm-location-option.popular:before{content:"Popular";display:block;color:#64748b;font-size:10px;font-weight:600;margin-bottom:2px;text-transform:uppercase}
.quote-doc-popup-wrap{padding:18px 20px 28px;background:#f6f9fc;min-height:100%}
.quote-doc-popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:14px;position:sticky;top:0;background:#f6f9fc;z-index:2;padding:0 0 12px}
.quote-doc-action{height:34px;border:1px solid #d8e2ee;background:#fff;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#0f172a;text-decoration:none;cursor:pointer}
.quote-doc-action.primary{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}
.quote-doc-paper{width:820px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #dbe4ee;border-radius:14px;overflow:hidden;color:#0f172a;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.quote-doc-brand{display:flex;justify-content:space-between;gap:20px;background:var(--tb-accent);color:#fff;padding:22px 26px}
.quote-doc-brand h2{margin:0;font-size:22px;font-weight:600;letter-spacing:.2px}
.quote-doc-brand p{margin:5px 0 0;font-size:12px;opacity:.92;line-height:1.4}
.quote-doc-title{text-align:right;min-width:240px}
.quote-doc-title h1{margin:0;font-size:26px;font-weight:900}
.quote-doc-title span{display:inline-block;margin-top:8px;background:#fff;color:var(--tb-accent);border-radius:20px;padding:6px 12px;font-weight:600;font-size:12px}
.quote-doc-body{padding:24px 26px}
.quote-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.quote-doc-box{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc;min-height:58px}
.quote-doc-box span{display:block;font-size:11px;color:#64748b;margin-bottom:5px}
.quote-doc-box b{font-size:14px;color:#0f172a;line-height:1.35}
.quote-doc-section{margin-top:20px}
.quote-doc-section h3{font-size:15px;margin:0 0 10px;border-bottom:1px solid #e2e8f0;padding-bottom:8px;color:#0f172a}
.quote-doc-table{width:100%;border-collapse:collapse;font-size:13px}
.quote-doc-table th{text-align:left;background:#f1f5f9;border-bottom:1px solid #dbe4ee;padding:9px;color:#334155;font-weight:600}
.quote-doc-table td{border-bottom:1px solid #eef2f7;padding:10px;vertical-align:top;color:#0f172a}
.quote-doc-note{margin-top:18px;background:var(--tb-accent-soft-2);border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:12px;font-size:12px;line-height:1.5}
.quote-doc-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;border-top:1px solid #e2e8f0;padding-top:14px;font-size:12px;color:#64748b;line-height:1.5}
.quote-doc-sign{text-align:right;color:#0f172a;font-weight:600;min-width:180px}
.quote-doc-email-panel{width:820px;max-width:100%;margin:16px auto 0;background:#fff;border:1px solid #dbe4ee;border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.quote-doc-mail-form .drawer-footer{margin-top:12px;padding-top:12px}
@media(max-width:900px){.quote-doc-grid{grid-template-columns:1fr}.quote-doc-brand{display:block}.quote-doc-title{text-align:left;margin-top:15px}.quote-doc-table{font-size:12px}}
@media print{body{background:#fff}.quote-doc-popup-actions,.quote-doc-email-panel,.right-drawer-head,.drawer-close{display:none!important}.quote-doc-paper{width:100%;border:0;border-radius:0;box-shadow:none}}
.supplier-tab-box{min-height:100%;border-radius:6px;background:#fff}
.supplier-quote-card{margin-bottom:0}
.supplier-quote-summary{grid-template-columns:repeat(4,1fr)}
.supplier-quote-table td,.supplier-quote-table th{font-size:14px}
.supplier-confirm-status{height:24px;border-radius:14px;padding:0 10px;display:inline-flex;align-items:center;font-size:12px;font-weight:600}
.supplier-confirm-status.pending{background:#eef2f7;color:#334155}
.supplier-confirm-status.waiting{background:var(--tb-accent-soft-2);color:#c2410c}
.supplier-confirm-status.partial{background:#eff6ff;color:#1d4ed8}
.supplier-confirm-status.confirmed{background:#dcfce7;color:var(--tb-accent)}
.supplier-confirm-status.danger{background:#fee2e2;color:#b91c1c}
.supplier-pay-btn{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}
.supplier-confirm-status{display:inline-flex;align-items:center;height:22px;border-radius:14px;padding:0 9px;font-size:11px;font-weight:600}
.supplier-confirm-status.pending{background:#eef2f7;color:#334155}
.supplier-confirm-status.waiting{background:var(--tb-accent-soft-2);color:#c2410c}
.supplier-confirm-status.partial{background:#eff6ff;color:#1d4ed8}
.supplier-confirm-status.confirmed{background:#dcfce7;color:var(--tb-accent)}
.supplier-confirm-status.danger{background:#fee2e2;color:#b91c1c}
.supplier-confirm-form{background:#f6f9fc; padding:20px;}
.supplier-confirm-head { padding: 18px 22px; background: #fff; border: 1px solid #e5eaf0; border-radius: 20px; }
.supplier-confirm-head h3{margin:0 0 5px;font-size:17px;color:#111827}
.supplier-confirm-head p{margin:0;font-size:12px;color:#64748b}
.supplier-confirm-list{padding:16px 0px 16px;display:flex;flex-direction:column;gap:14px}
.supplier-confirm-card{background:#fff;border:1px solid #dbe4ee;border-radius:14px;overflow:hidden}
.supplier-confirm-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid #edf1f5}
.supplier-confirm-card-top h4{margin:0 0 4px;font-size:14px;color:#111827}
.supplier-confirm-card-top span{font-size:12px;color:#64748b}
.supplier-confirm-service{height:24px;border-radius:14px;background:#eef2f7;color:#334155;padding:0 10px;display:flex;align-items:center;font-size:11px;font-weight:600}
.supplier-confirm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px}
.supplier-confirm-grid .drawer-field-row{margin:0}
.supplier-confirm-remarks{grid-column:1/-1}
@media(max-width:900px){.query-supplier-row{grid-template-columns:1fr}.query-supplier-metrics{grid-template-columns:repeat(2,1fr)}.query-supplier-actions{justify-content:flex-start}.supplier-confirm-grid{grid-template-columns:1fr}}
.bigin-quote-box{background:#fff;min-height:100%;border-radius:6px}
.bigin-quote-head{min-height:68px;border-bottom:1px solid #e5edf3;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff}
.bigin-quote-head h3{margin:0 0 6px;color:#111827;font-size:15px;font-weight:600}
.bigin-quote-head p{margin:0;color:#64748b;font-size:13px;font-weight:500}
.bigin-quote-add{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;padding:0 18px;font-size:14px;font-weight:600}
.bigin-quote-list{padding:18px 20px;background:#fff}
.bigin-quote-card{background:#fff;border:0;border-bottom:1px solid #eef2f6;padding:0 0 18px;margin-bottom:18px}
.bigin-quote-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.bigin-quote-title p{margin:0;color:#475569;font-size:13px;font-weight:500}
.bigin-quote-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.bigin-quote-actions button,.bigin-quote-actions a{height:30px;border:1px solid #d8e2ee;background:#fff;color:#111827;border-radius:16px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.bigin-quote-actions button.confirm,.bigin-quote-actions .confirm{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}
.bigin-quote-status{height:24px;border-radius:14px;padding:0 11px;display:inline-flex;align-items:center;font-size:12px;font-weight:600}
.bigin-quote-status.draft{background:#eef2f7;color:#334155}
.bigin-quote-status.confirmed{background:#dcfce7;color:var(--tb-accent)}
.bigin-quote-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.bigin-quote-summary div{background:#f8fafc;border:1px solid #e5edf3;border-radius:3px;padding:10px 12px}
.bigin-quote-summary span{display:block;color:#64748b;font-size:11px;font-weight:500;margin-bottom:7px}
.bigin-quote-summary b{display:block;color:#111827;font-size:15px;font-weight:600}
.bigin-quote-table{width:100%;border-collapse:collapse;background:#fff}
.bigin-quote-table th{height:36px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;text-align:left;color:#111827;font-size:13px;font-weight:600;padding:0 14px;background:#fff}
.bigin-quote-table td{height:40px;border-bottom:1px solid #eef2f6;color:#111827;font-size:14px;font-weight:500;padding:0 14px}
.bigin-quote-noitem{height:70px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px}
.bigin-quote-empty{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}
.bigin-quote-empty h4{margin:0 0 6px;color:#111827;font-size:17px;font-weight:600}
.bigin-quote-empty p{margin:0;color:#64748b;font-size:13px}
@media(max-width:900px){.bigin-quote-summary,.supplier-quote-summary{grid-template-columns:1fr}.bigin-quote-card-head{display:block}.bigin-quote-actions{justify-content:flex-start;margin-top:12px}.bigin-quote-table{min-width:850px}}
.supplier-payment-form{padding-top:0}
.supplier-payment-summary{background:#f8fafc;border-bottom:1px solid #e5edf3;margin:0 -32px 22px;padding:18px 32px}
.supplier-payment-summary h3{margin:0 0 5px;color:#111827;font-size:17px;font-weight:600}
.supplier-payment-summary p{margin:0 0 14px;color:#64748b;font-size:13px}
.supplier-payment-summary p b{color:#111827}
.supplier-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.supplier-payment-grid div{background:#fff;border:1px solid #e5edf3;border-radius:4px;padding:10px 12px}
.supplier-payment-grid span{display:block;color:#64748b;font-size:11px;margin-bottom:6px}
.supplier-payment-grid b{display:block;color:#111827;font-size:15px;font-weight:600}
@media(max-width:700px){.supplier-payment-grid{grid-template-columns:1fr}}
.supplier-payment-history{height:100%;background:#fff;display:flex;flex-direction:column}
.supplier-payment-history-head{min-height:86px;border-bottom:1px solid #e5edf3;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px}
.supplier-payment-history-head h3{margin:0 0 6px;color:#111827;font-size:18px;font-weight:600}
.supplier-payment-history-head p{margin:0;color:#64748b;font-size:13px}
.supplier-payment-history-total{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:520px}
.supplier-payment-history-total div{background:#f8fafc;border:1px solid #e5edf3;border-radius:5px;padding:9px 12px}
.supplier-payment-history-total span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.supplier-payment-history-total b{display:block;color:#111827;font-size:14px;font-weight:600}
.supplier-payment-table-wrap{flex:1;overflow:auto;padding:16px 22px}
.supplier-payment-table{width:100%;border-collapse:collapse;background:#fff}
.supplier-payment-table th{height:36px;background:#fff;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;color:#111827;font-size:13px;font-weight:600;text-align:left;padding:0 12px}
.supplier-payment-table td{height:44px;border-bottom:1px solid #eef2f6;color:#111827;font-size:13px;font-weight:500;padding:7px 12px;vertical-align:middle}
.supplier-payment-table td span{display:block;color:#64748b;font-size:12px;margin-top:3px}
.supplier-payment-status{height:22px;border-radius:12px;padding:0 9px;display:inline-flex;align-items:center;font-size:11px;font-weight:600;font-style:normal}
.supplier-payment-status.paid{background:#dcfce7;color:var(--tb-accent)}
.supplier-payment-status.pending{background:#eef2f7;color:#334155}
.supplier-payment-status.overdue{background:#fee2e2;color:#b91c1c}
.supplier-payment-delete{height:28px;border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:15px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}
.supplier-payment-delete:hover{background:#fee2e2}
@media(max-width:800px){.supplier-payment-history-head{display:block}.supplier-payment-history-total{margin-top:14px;min-width:0}.supplier-payment-table{min-width:900px}}
.billing-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.billing-status-form{margin:0}
.bigin-billing-status-select{height:26px;border:0;border-radius:14px;padding:0 24px 0 10px;font-size:12px;font-weight:600;outline:none;cursor:pointer}
.bigin-billing-status-select.paid{background:#dcfce7;color:var(--tb-accent)}
.bigin-billing-status-select.pending{background:#fef3c7;color:#b45309}
.bigin-billing-status-select.overdue{background:#fee2e2;color:#b91c1c}
.billing-delete-btn{height:26px;border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:14px;padding:0 11px;font-size:12px;font-weight:600;cursor:pointer}
.billing-delete-btn:hover{background:#fee2e2}
.billing-values-wide{grid-template-columns:repeat(5,1fr)}
.billing-proof-btn,.billing-receipt-btn{height:26px;border:1px solid #d8e2ee;background:#fff;color:#172033;border-radius:14px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.billing-receipt-btn{background:#eefdf7;border-color:#b7f0db;color:var(--tb-accent)}
.billing-row-comment{grid-column:1/-1;margin:8px 0 0 78px;color:#64748b;font-size:12px}
.billing-receipt-popup{background:#f6f9fc;min-height:100%;padding:18px}
.billing-receipt-paper{width:760px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #dbe4ee;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.billing-receipt-top{display:flex;justify-content:space-between;gap:20px;background:var(--tb-accent);color:#fff;padding:22px 26px}
.billing-receipt-top h2, .billing-receipt-top h1 { margin: 0; font-weight: 600; font-size: 18px; }
.billing-receipt-top p{margin:6px 0 0;font-size:12px;opacity:.9}
.billing-receipt-top span{display:inline-block;margin-top:8px;background:#fff;color:var(--tb-accent);border-radius:18px;padding:6px 12px;font-size:12px;font-weight:600}
.billing-receipt-body{padding:24px 26px}
.billing-receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.billing-receipt-grid div{border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:12px}
.billing-receipt-grid span{display:block;font-size:11px;color:#64748b;margin-bottom:6px}
.billing-receipt-grid b{font-size:14px;color:#0f172a}
.billing-receipt-note{margin-top:18px;border:1px solid #e2e8f0;border-radius:10px;padding:12px}
.billing-receipt-note b{font-size:13px}
.billing-receipt-note p{margin:7px 0 0;color:#334155;font-size:13px}
.billing-receipt-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e8f0;margin-top:22px;padding-top:14px;font-size:13px;color:#64748b}
@media(max-width:900px){.billing-values-wide,.billing-receipt-grid{grid-template-columns:1fr}}
.billing-values-paid{grid-template-columns:repeat(4,1fr)}
.billing-options-wrap{position:relative}
.billing-option-btn{height:26px;border:1px solid #d8e2ee;background:#fff;color:#172033;border-radius:14px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}
.billing-options-menu{display:none;position:absolute;right:0;top:32px;width:145px;background:#fff;border:1px solid #d8e2ee;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.16);z-index:40;padding:6px}
.billing-options-wrap.open .billing-options-menu{display:block}
.billing-options-menu a,.billing-options-menu button{width:100%;height:30px;border:0;background:#fff;color:#172033;display:flex;align-items:center;text-align:left;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}
.billing-options-menu a:hover,.billing-options-menu button:hover{background:#f1f5f9}
.billing-options-menu form{margin:0}
.billing-options-menu form button{color:#dc2626}
@media(max-width:900px){.billing-values-paid{grid-template-columns:1fr}}
.billing-values-no-reference{grid-template-columns:repeat(3,1fr)}
.billing-values-paid-no-reference{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.billing-values-no-reference,.billing-values-paid-no-reference{grid-template-columns:1fr}}
.invoice-type-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:12px;font-size:10px;font-weight:600;margin-left:6px;text-transform:uppercase}
.invoice-type-badge.auto{background:#e0f2fe;color:#0369a1}
.invoice-type-badge.manual{background:var(--tb-accent-soft-2);color:#047857}
.invoice-form-top{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid #edf2f7;margin-bottom:16px}
.invoice-form-top h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}
.invoice-form-top p{font-size:12px;color:#64748b;margin:0}
.invoice-lock-badge{height:28px;display:inline-flex;align-items:center;border-radius:18px;padding:0 12px;font-size:11px;font-weight:600;text-transform:uppercase}
.invoice-lock-badge.auto{background:#e0f2fe;color:#0369a1}
.invoice-lock-badge.manual{background:var(--tb-accent-soft-2);color:#047857}
.invoice-form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.invoice-particular-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}
.invoice-particular-head h4{font-size:14px;font-weight:600;color:#111827;margin:0}
.invoice-add-line{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:6px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer}
.invoice-particular-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5edf5;border-radius:8px;overflow:hidden}
.invoice-particular-table th{background:#f8fafc;color:#64748b;font-size:11px;text-align:left;padding:9px;border-bottom:1px solid #e5edf5}
.invoice-particular-table td{padding:7px;border-bottom:1px solid #eef2f6;background:#fff}
.invoice-particular-table tr:last-child td{border-bottom:0}
.invoice-particular-table input{width:100%;height:32px;border:1px solid #dbe4ee;border-radius:5px;padding:0 8px;font-size:12px;color:#111827;background:#fff}
.invoice-particular-table input[readonly]{background:#f8fafc;color:#475569}
.invoice-remove-line{width:30px;height:30px;border:1px solid #fecaca;background:var(--tb-accent-soft-2);color:#dc2626;border-radius:5px;font-size:18px;line-height:18px;cursor:pointer}
.invoice-tax-area{display:grid;grid-template-columns:1fr 330px;gap:18px;margin-top:18px}
.invoice-total-box{border:1px solid #e5edf5;border-radius:8px;background:#fff;padding:12px}
.invoice-total-box div{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eef2f6}
.invoice-total-box div:last-child{border-bottom:0}
.invoice-total-box span{font-size:12px;color:#64748b;font-weight:600}
.invoice-total-box input{height:30px;border:1px solid #dbe4ee;border-radius:5px;padding:0 8px;text-align:right;font-size:12px}
.invoice-total-box b{text-align:right;font-size:12px;color:#111827}
.invoice-total-box .grand{grid-template-columns:1fr 188px;background:#f8fafc;margin:8px -6px 0;padding:10px 6px;border-radius:6px;border-bottom:0}
.invoice-total-box .grand span{font-size:13px;color:#111827}
.invoice-total-box .grand input{font-size:15px;font-weight:600;color:#111827}
.invoice-preview-popup{background:#f8fafc;padding:14px}
.invoice-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}
.query-invoice-doc{background:#fff;border:1px solid #dde7f0;border-radius:12px;overflow:hidden;color:#111827}
.query-invoice-top{display:flex;justify-content:space-between;gap:20px;background:var(--tb-accent);color:#fff;padding:24px 28px}
.query-invoice-top h2{font-size:22px;font-weight:600;margin:0 0 6px}
.query-invoice-top p{font-size:12px;margin:0;color:rgba(255,255,255,.88)}
.query-invoice-top h1{font-size:28px;font-weight:900;margin:0 0 6px;text-align:right}
.query-invoice-top span{display:block;text-align:right;font-size:12px;font-weight:600}
.query-invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e5edf5}
.query-invoice-meta div{background:#fff;border:1px solid #e5edf5;border-radius:7px;padding:10px}
.query-invoice-meta span{display:block;color:#64748b;font-size:11px;margin-bottom:5px}
.query-invoice-meta b{font-size:13px;color:#111827}
.query-invoice-party{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px}
.query-invoice-party>div{border:1px solid #e5edf5;border-radius:8px;padding:14px;background:#fff}
.query-invoice-party h4{font-size:12px;color:#64748b;margin:0 0 8px;text-transform:uppercase}
.query-invoice-party b{font-size:15px;color:#111827}
.query-invoice-party p{font-size:12px;color:#475569;margin:6px 0 0;line-height:1.45}
.query-invoice-table{width:calc(100% - 48px);margin:0 24px 20px;border-collapse:separate;border-spacing:0;border:1px solid #e5edf5;border-radius:8px;overflow:hidden}
.query-invoice-table th{background:#f8fafc;color:#64748b;font-size:11px;text-align:left;padding:10px;border-bottom:1px solid #e5edf5}
.query-invoice-table td{font-size:12px;color:#111827;padding:10px;border-bottom:1px solid #eef2f6;vertical-align:top}
.query-invoice-table tr:last-child td{border-bottom:0}
.query-invoice-bottom{display:grid;grid-template-columns:1fr 330px;gap:18px;padding:0 24px 22px}
.query-invoice-note{border:1px solid #e5edf5;border-radius:8px;padding:14px;background:#fff}
.query-invoice-note h4{font-size:13px;margin:0 0 8px;color:#111827}
.query-invoice-note p{font-size:12px;color:#475569;margin:0;line-height:1.5}
.query-invoice-totals{border:1px solid #e5edf5;border-radius:8px;background:#fff;padding:12px}
.query-invoice-totals div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef2f6}
.query-invoice-totals div:last-child{border-bottom:0}
.query-invoice-totals span{font-size:12px;color:#64748b;font-weight:600}
.query-invoice-totals b{font-size:12px;color:#111827}
.query-invoice-totals .grand{background:#f8fafc;margin:8px -6px;padding:11px 6px;border-radius:6px;border-bottom:0}
.query-invoice-totals .grand span,.query-invoice-totals .grand b{font-size:15px;color:#111827;font-weight:900}
.query-invoice-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #e5edf5;padding:18px 24px;color:#64748b;font-size:12px}
.bigin-invoice-action{display:flex;align-items:center;gap:8px}
.bigin-invoice-action button,.bigin-invoice-action a{height:30px;border:1px solid #d7e2ec;background:#fff;color:#172033;border-radius:6px;padding:0 11px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer; border-radius: 50px;}
.bigin-invoice-status.paid{background:#dcfce7;color:var(--tb-accent)}
.bigin-invoice-status.partial{background:#fef3c7;color:#b45309}
.bigin-invoice-status.unpaid{background:#fee2e2;color:#b91c1c}
@media(max-width:900px){.invoice-form-grid,.invoice-tax-area,.query-invoice-party,.query-invoice-bottom{grid-template-columns:1fr}.query-invoice-meta{grid-template-columns:1fr}.query-invoice-top{display:block}.query-invoice-top h1,.query-invoice-top span{text-align:left;margin-top:10px}}
.bigin-invoice-action form{margin:0;display:inline-flex}
.bigin-invoice-action .invoice-delete-btn{border-color:#fecaca;background:var(--tb-accent-soft-2);color:#dc2626}
.bigin-invoice-action .invoice-delete-btn:hover{background:#fee2e2;color:#b91c1c}
.bigin-invoice-row.invoice-row-simple{display:grid;grid-template-columns:260px 1fr auto;gap:18px;align-items:center;padding:18px 10px;border-bottom:1px solid #e8edf3}
.invoice-values-simple{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:18px;align-items:center}
.invoice-values-simple div span{display:block;font-size:12px;color:#64748b;margin-bottom:6px}
.invoice-values-simple div b{display:block;font-size:14px;color:#0f172a;font-weight:600}
.bigin-invoice-action{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.bigin-invoice-action form{margin:0;display:inline-flex}
.bigin-invoice-action button,.bigin-invoice-action a{height:34px;border:1px solid #d7e2ec;background:#fff;color:#172033;border-radius:18px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.bigin-invoice-action .invoice-delete-btn{border-color:#fecaca;background:#fff;color:#dc2626}
.bigin-invoice-action .invoice-delete-btn:hover{background:var(--tb-accent-soft-2);color:#b91c1c}
.bigin-invoice-status{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:14px;font-size:12px;font-style:normal;font-weight:600}
.bigin-invoice-status.paid{background:#dcfce7;color:var(--tb-accent)}
.bigin-invoice-status.partial{background:#fef3c7;color:#b45309}
.bigin-invoice-status.unpaid{background:#fee2e2;color:#b91c1c}
@media(max-width:1100px){.bigin-invoice-row.invoice-row-simple{grid-template-columns:1fr}.invoice-values-simple{grid-template-columns:repeat(2,minmax(140px,1fr))}.bigin-invoice-action{justify-content:flex-start}}
@media(max-width:700px){.invoice-values-simple{grid-template-columns:1fr}}
.bigin-timeline-box{background:#fff;min-height:100%;border-radius:4px;padding:0;overflow:hidden}
.bigin-timeline-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff}
.bigin-timeline-head h3{margin:0;color:#111827;font-size:16px;font-weight:600}
.bigin-timeline-list{padding:0 0 40px 28px;position:relative;background:#fff}
.bigin-timeline-day{height:36px;margin-left:87px;display:flex;align-items:center;gap:18px;color:#111827;font-size:12px;position:relative;z-index:3;background:#fff}
.bigin-timeline-day span{width:11px;height:11px;border-radius:50%;background:#20bd8b;display:inline-block}
.bigin-timeline-day b{font-size:12px;font-weight:600;color:#111827;letter-spacing:.2px}
.bigin-timeline-item{display:grid;grid-template-columns:70px 24px 34px 1fr;column-gap:10px;min-height:66px;position:relative}
.bigin-timeline-time{font-size:13px;color:#111827;text-align:right;padding-top:7px;white-space:nowrap}
.bigin-timeline-line{position:relative;display:flex;justify-content:center}
.bigin-timeline-line:before{content:"";position:absolute;top:-18px;bottom:-18px;left:50%;width:1px;background:#dfe7ef;transform:translateX(-50%)}
.bigin-timeline-line span{width:12px;height:12px;background:#fff;border:2px solid #d5e0ea;border-radius:50%;position:relative;z-index:2;margin-top:7px}
.bigin-timeline-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:1px;color:#64748b;font-size:16px}
.bigin-timeline-icon.query{color:#0f766e}
.bigin-timeline-icon.stage{color:#2563eb}
.bigin-timeline-icon.quotation{color:#0f766e}
.bigin-timeline-icon.invoice{color:#0b63c7}
.bigin-timeline-icon.billing{color:#9333ea}
.bigin-timeline-icon.supplier{color:#b45309}
.bigin-timeline-icon.traveller{color:#0891b2}
.bigin-timeline-icon.note{color:#64748b}
.bigin-timeline-icon.file{color:#7c3aed}
.bigin-timeline-icon.email{color:#0b63c7}
.bigin-timeline-icon.task,.bigin-timeline-icon.event,.bigin-timeline-icon.call{color:#8b5e34}
.bigin-timeline-icon.delete{color:#dc2626}
.bigin-timeline-text{padding:0 20px 18px 0}
.bigin-timeline-text h4{margin:0 0 5px;color:#111827;font-size:14px;font-weight:600;line-height:20px}
.bigin-timeline-text p{margin:0;color:#111827;font-size:14px;font-weight:400;line-height:20px;max-width:780px}
.bigin-timeline-item:hover .bigin-timeline-text h4{color:#0b63c7}
.query-bigin-timeline-list .detail-empty-state{margin:20px}
.quote-item-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px 18px}
.quote-item-grid .quote-field{display:block;grid-template-columns:none}
.quote-item-grid .quote-field label{display:block;text-align:left;margin:0 0 6px;color:#374151;font-size:13px;font-weight:600;white-space:nowrap}
.quote-item-grid .quote-field .drawer-control{width:100%;min-width:0;height:38px}
.quote-item-grid .quote-field.required label:after{width:3px;height:18px;margin-left:8px}
.quote-item-title-field{grid-column:span 12!important}
.quote-desc-field{grid-column:span 12!important}
.quote-desc-field .quote-description-control{height:80px!important;min-height:80px!important;padding:10px 12px!important;resize:vertical;line-height:20px}
.quote-service-field{grid-column:span 3}
.quote-cost-field{grid-column:span 3}
.quote-notes-field{display:grid!important;grid-template-columns:140px 1fr!important;align-items:start!important;gap:12px!important}
.quote-notes-field label{text-align:right!important;margin-top:10px!important}
.quote-notes-field textarea{min-height:80px}
.quotation-item-info{display:flex;flex-wrap:wrap;gap:6px}
.quotation-item-info span{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e5edf5;border-radius:14px;padding:4px 9px;color:#111827;font-size:12px;line-height:16px}
.quotation-item-info span b{font-weight:600;color:#64748b}
.quotation-empty-info{color:#94a3b8;font-size:13px}
.bigin-quote-pro-table td{height:auto!important;padding:10px 14px!important;vertical-align:top;line-height:20px}
.bigin-quote-pro-table td:nth-child(3){color:#334155;font-size:13px}
.quote-doc-item-info{display:flex;flex-direction:column;gap:4px}
.quote-doc-item-info span{display:block;color:#0f172a;font-size:12px;line-height:18px}
.quote-doc-item-info span b{display:inline-block;color:#64748b;font-weight:600;margin-right:5px}
@media(max-width:1100px){.quote-item-grid{grid-template-columns:repeat(2,1fr)}.quote-item-title-field,.quote-desc-field,.quote-service-field,.quote-cost-field{grid-column:span 2!important}.quote-notes-field{display:block!important}.quote-notes-field label{text-align:left!important;margin:0 0 6px!important}}
.quote-item-card{border:1px solid #dce6ef;border-radius:8px;background:#fff;padding:18px;margin-bottom:14px}
.quote-item-head{height:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.quote-item-head b{font-size:14px;font-weight:600;color:#111827}
.quote-item-head button{border:0;background:transparent;color:#ef4444;font-size:13px;font-weight:600;padding:0}
.quote-item-block{display:block}
.quote-item-block .quote-field{display:block}
.quote-item-block .quote-field label{display:block;margin:0 0 6px;color:#374151;font-size:13px;font-weight:600;white-space:nowrap;text-align:left}
.quote-item-block .quote-field .drawer-control{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#111827;font-size:14px;padding:0 12px}
.quote-item-title-field{width:100%;margin-bottom:15px}
.quote-item-title-field .drawer-control{width:100%!important}
.quote-important-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.quote-service-field{min-width:0}
.quote-pricing-box{border:1px solid #e5edf3;border-radius:8px;background:#f8fafc;padding:14px;margin:0 0 16px}
.quote-pricing-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px}
.quote-pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.quote-cost-field{min-width:0}
.quote-cost-field .row-total{background:#f1f5f9!important;font-weight:600}
.quote-desc-field{width:100%;margin-top:0}
.quote-desc-field .quote-description-control{width:100%!important;height:80px!important;min-height:80px!important;padding:10px 12px!important;resize:vertical!important;line-height:20px!important}
.quote-add-item{width:100%;height:40px;border:1px dashed #b9c8d8;background:#fff;border-radius:8px;color:#64748b;font-size:14px;font-weight:600}
.quote-add-item:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#f4fffb}
.quote-notes-field{display:grid!important;grid-template-columns:140px 1fr!important;align-items:start!important;gap:12px!important}
.quote-notes-field label{text-align:right!important;margin-top:10px!important}
.quote-notes-field textarea{min-height:80px}
.quotation-item-info{display:flex;flex-wrap:wrap;gap:6px}
.quotation-item-info span{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid #e5edf5;border-radius:14px;padding:4px 9px;color:#111827;font-size:12px;line-height:16px}
.quotation-item-info span b{font-weight:600;color:#64748b}
.quotation-empty-info{color:#94a3b8;font-size:13px}
.bigin-quote-pro-table td{height:auto!important;padding:10px 14px!important;vertical-align:top;line-height:20px}
.bigin-quote-pro-table td:nth-child(3){color:#334155;font-size:13px}
.quote-doc-item-info{display:flex;flex-direction:column;gap:4px}
.quote-doc-item-info span{display:block;color:#0f172a;font-size:12px;line-height:18px}
.quote-doc-item-info span b{display:inline-block;color:#64748b;font-weight:600;margin-right:5px}
@media(max-width:1200px){.quote-important-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.quote-important-grid{grid-template-columns:1fr}.quote-pricing-grid{grid-template-columns:1fr}.quote-notes-field{display:block!important}.quote-notes-field label{text-align:left!important;margin:0 0 6px!important}}
.quote-pro-card{border:1px solid #dce6ef;border-radius:8px;background:#fff;padding:18px;margin-bottom:14px}
.quote-pro-head{height:24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.quote-pro-head b{font-size:14px;font-weight:600;color:#111827}
.quote-pro-head button{border:0;background:transparent;color:#ef4444;font-size:13px;font-weight:600;padding:0;cursor:pointer}
.quote-pro-title{width:100%;margin-bottom:15px}
.quote-pro-title label,.quote-pro-field label,.quote-pro-description label{display:block;margin:0 0 6px;color:#374151;font-size:13px;font-weight:600;white-space:nowrap;text-align:left}
.quote-pro-title.required label:after{content:"";display:inline-block;width:3px;height:18px;background:#ff5b6b;border-radius:2px;margin-left:8px;vertical-align:middle}
.quote-pro-title .drawer-control,.quote-pro-field .drawer-control{width:100%!important;height:38px!important;border:1px solid #cbd5e1!important;border-radius:4px!important;background:#fff!important;color:#111827!important;font-size:14px!important;padding:0 12px!important;box-sizing:border-box!important}
.quote-pro-title .drawer-control:focus,.quote-pro-field .drawer-control:focus,.quote-pro-description textarea:focus{border-color:var(--tb-accent)!important;outline:0!important;box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.08)!important}
.quote-pro-important-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
.quote-pro-important-grid .quote-pro-field{min-width:0!important;width:100%!important}
.quote-pro-pricing-box{border:1px solid #e5edf3;border-radius:8px;background:#f8fafc;padding:14px;margin:0 0 16px}
.quote-pro-pricing-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px}
.quote-pro-pricing-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.quote-pro-pricing-grid .quote-pro-field{min-width:0!important;width:100%!important}
.quote-pro-pricing-grid .row-total{background:#f1f5f9!important;font-weight:600!important}
@media(max-width:1100px){.quote-pro-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.quote-pro-pricing-grid{grid-template-columns:1fr!important}}
.quote-pro-description{width:100%;margin-top:0}
.quote-pro-description textarea{width:100%!important;height:80px!important;min-height:80px!important;border:1px solid #cbd5e1!important;border-radius:4px!important;background:#fff!important;color:#111827!important;font-size:14px!important;padding:10px 12px!important;resize:vertical!important;line-height:20px!important;box-sizing:border-box!important}
.quote-add-item{width:100%;height:40px;border:1px dashed #b9c8d8;background:#fff;border-radius:8px;color:#64748b;font-size:14px;font-weight:600}
.quote-add-item:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#f4fffb}
.quote-notes-field{display:grid!important;grid-template-columns:140px 1fr!important;align-items:start!important;gap:12px!important}
.quote-notes-field label{text-align:right!important;margin-top:10px!important}
.quote-notes-field textarea{min-height:80px}
@media(max-width:760px){.quote-pro-important-grid{grid-template-columns:1fr!important}.quote-pro-pricing-grid{grid-template-columns:1fr!important}.quote-notes-field{display:block!important}.quote-notes-field label{text-align:left!important;margin:0 0 6px!important}}
.hotel-room-pricing-box{padding:14px!important}
.hotel-room-pricing-table{width:100%;border-collapse:collapse;background:#fff;margin:0 0 12px;border:1px solid #e5edf3;border-radius:7px;overflow:hidden}
.hotel-room-pricing-table th{height:34px;background:#f8fafc;border-bottom:1px solid #e5edf3;color:#334155;font-size:12px;font-weight:600;text-align:left;padding:0 10px;white-space:nowrap}
.hotel-room-pricing-table td{height:42px;border-bottom:1px solid #eef2f6;color:#111827;font-size:13px;font-weight:600;padding:6px 10px;vertical-align:middle}
.hotel-room-pricing-table tr:last-child td{border-bottom:0}
.hotel-room-pricing-table strong{font-size:13px;color:#111827;font-weight:600}
.hotel-room-pricing-table .drawer-control{height:32px!important;font-size:13px!important;padding:0 9px!important}
.hotel-room-pricing-table .hotel-room-total,.hotel-room-pricing-table .hotel-supplier-room-total{background:#f1f5f9!important;font-weight:600!important}
.hotel-single-supplier-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:12px}
.hotel-single-supplier-row .quote-pro-field{width:230px;max-width:230px} 
.hotel-supplier-toggle:hover{color:var(--tb-accent)}
.hotel-roomwise-supplier-row{display:none;justify-content:flex-end;margin-top:8px}
.hotel-quote-card .hotel-supplier-room-col{display:none}
.hotel-quote-card.roomwise-supplier .hotel-supplier-room-col{display:table-cell}
.hotel-quote-card.roomwise-supplier .hotel-single-supplier-row{display:none}
.hotel-quote-card.roomwise-supplier .hotel-roomwise-supplier-row{display:flex}
.hotel-quote-card .quote-pro-pricing-title{margin-bottom:12px}
@media(max-width:900px){.hotel-room-pricing-table{min-width:780px}.hotel-room-pricing-box{overflow-x:auto}.hotel-single-supplier-row{display:block}.hotel-single-supplier-row .quote-pro-field{width:100%;max-width:100%;margin-bottom:8px}}
.hotel-room-pricing-box{padding:14px!important}
.hotel-room-pricing-table{width:100%;border-collapse:collapse;background:#fff;margin:0 0 12px;border:1px solid #e5edf3;border-radius:7px;overflow:hidden}
.hotel-room-pricing-table th{height:34px;background:#f8fafc;border-bottom:1px solid #e5edf3;color:#334155;font-size:12px;font-weight:600;text-align:left;padding:0 10px;white-space:nowrap}
.hotel-room-pricing-table td{height:42px;border-bottom:1px solid #eef2f6;color:#111827;font-size:13px;font-weight:600;padding:6px 10px;vertical-align:middle}
.hotel-room-pricing-table tr:last-child td{border-bottom:0}
.hotel-room-pricing-table strong{font-size:13px;color:#111827;font-weight:600}
.hotel-room-pricing-table .drawer-control{height:32px!important;font-size:13px!important;padding:0 9px!important}
.hotel-room-pricing-table .hotel-room-total,.hotel-room-pricing-table .hotel-supplier-room-total{background:#f1f5f9!important;font-weight:600!important}
.hotel-single-supplier-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:12px}
.hotel-single-supplier-row .quote-pro-field{width:230px;max-width:230px}
.hotel-supplier-toggle{border:0;background:transparent;color:#0b63c7;font-size:13px;font-weight:600;padding:0 0 9px;cursor:pointer}
.hotel-supplier-toggle:hover{color:var(--tb-accent)}
.hotel-roomwise-supplier-row{display:none;justify-content:flex-end;margin-top:8px}
.hotel-quote-card .hotel-supplier-room-col{display:none}
.hotel-quote-card.roomwise-supplier .hotel-supplier-room-col{display:table-cell}
.hotel-quote-card.roomwise-supplier .hotel-single-supplier-row{display:none}
.hotel-quote-card.roomwise-supplier .hotel-roomwise-supplier-row{display:flex}
.hotel-quote-card .quote-pro-pricing-title{margin-bottom:12px}
.bigin-quote-pro-table td{height:auto!important;padding:10px 14px!important;vertical-align:top;line-height:20px}
@media(max-width:900px){.hotel-room-pricing-table{min-width:860px}.hotel-room-pricing-box{overflow-x:auto}.hotel-single-supplier-row{display:block}.hotel-single-supplier-row .quote-pro-field{width:100%;max-width:100%;margin-bottom:8px}}
.query-detail-page .detail-side-block{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;margin-bottom:14px}
.query-detail-page .detail-side-block h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px 0}
.query-detail-page .detail-info-row{display:flex;align-items:flex-start;gap:8px;padding:4px 0;color:#111827;font-size:13px;line-height:20px}
.query-detail-page .detail-info-row i{width:16px;min-width:16px;color:#64748b;font-size:15px;line-height:20px;text-align:center}
.query-detail-page .detail-info-row span{display:block;color:#111827;font-size:13px;line-height:20px;word-break:break-word}
.query-detail-page .detail-side-block .detail-info-text{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:8px;align-items:start;width:100%;padding:3px 0;color:#64748b;font-size:13px;line-height:20px}
.query-detail-page .detail-side-block .detail-info-text span{display:block;text-align:left;color:#111827;font-size:13px;line-height:20px;word-break:break-word}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 10px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin-bottom:10px}
.detail-travel-highlight .detail-info-row{min-height:30px}
.detail-travel-highlight .detail-info-row i{color:var(--tb-accent)}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 10px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin-bottom:10px}
.detail-travel-highlight .detail-info-row{min-height:30px}
.detail-travel-highlight .detail-info-row i{color:var(--tb-accent)}
.detail-inner-heading{font-size:13px;font-weight:600;color:var(--tb-accent);margin:10px 0 6px;padding-top:8px;border-top:1px solid #ccfbf1}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 10px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin-bottom:12px}
.detail-travel-highlight .detail-info-row{min-height:30px}
.detail-travel-highlight .detail-info-row i{color:var(--tb-accent)}
.detail-travel-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:10px}
.detail-travel-item i{color:var(--tb-accent);font-size:15px;line-height:18px;margin-top:14px}
.detail-travel-item label{display:block;margin:0 0 4px;color:#64748b;font-size:12px;font-weight:600;line-height:16px}
.detail-travel-item span{display:block;color:#111827;font-size:14px;font-weight:500;line-height:20px;word-break:break-word}
.detail-inner-heading{font-size:13px;font-weight:600;color:var(--tb-accent);margin:12px 0 8px;padding-top:10px;border-top:1px solid #ccfbf1}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 10px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin-bottom:12px}
.detail-travel-highlight .detail-info-row{min-height:30px}
.detail-travel-highlight .detail-info-row i{color:var(--tb-accent)}
.detail-travel-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:10px}
.detail-travel-item i{color:var(--tb-accent);font-size:15px;line-height:18px;margin-top:14px}
.detail-travel-item label{display:block;margin:0 0 4px;color:#64748b;font-size:12px;font-weight:600;line-height:16px}
.detail-travel-item span{display:block;color:#111827;font-size:14px;font-weight:500;line-height:20px;word-break:break-word}
.detail-traveller-summary i{margin-top:2px}
.detail-traveller-summary span{font-weight:600;color:#0f172a}
.detail-inner-heading{font-size:13px;font-weight:600;color:var(--tb-accent);margin:12px 0 8px;padding-top:10px;border-top:1px solid #ccfbf1}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 10px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin-bottom:12px}
.detail-travel-highlight .detail-info-row{min-height:30px}
.detail-travel-highlight .detail-info-row i{color:var(--tb-accent)}
.detail-travel-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:10px}
.detail-travel-item i{color:var(--tb-accent);font-size:15px;line-height:18px;margin-top:14px}
.detail-travel-item label{display:block;margin:0 0 4px;color:#64748b;font-size:12px;font-weight:600;line-height:16px}
.detail-travel-item span{display:block;color:#111827;font-size:14px;font-weight:500;line-height:20px;word-break:break-word}
.detail-traveller-summary i{margin-top:2px}
.detail-traveller-summary span{font-weight:600;color:#0f172a}
.detail-inner-heading{font-size:13px;font-weight:600;color:var(--tb-accent);margin:12px 0 8px;padding-top:10px;border-top:1px solid #ccfbf1}
.detail-travel-highlight{background:var(--tb-accent-soft);border:1px solid var(--tb-accent-border);border-left:4px solid var(--tb-accent);border-radius:10px;padding:12px 12px 12px;margin-bottom:22px}
.detail-travel-highlight h4{color:var(--tb-accent);margin:0 0 12px;font-size:15px;font-weight:600}
.detail-travel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:12px}
.detail-travel-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start;margin:0}
.detail-travel-item i{color:var(--tb-accent);font-size:14px;line-height:18px;margin-top:15px}
.detail-travel-item label{display:block;margin:0 0 4px;color:#64748b;font-size:12px;font-weight:600;line-height:15px}
.detail-travel-item span{display:block;color:#111827;font-size:14px;font-weight:600;line-height:20px;word-break:break-word}
.detail-inner-heading{font-size:13px;font-weight:600;color:var(--tb-accent);margin:14px 0 9px;padding-top:10px;border-top:1px solid #ccfbf1}
.detail-traveller-line{display:flex;align-items:center;gap:8px;color:#111827;font-size:14px;font-weight:600;line-height:20px;margin:0 0 8px}
.detail-traveller-line i{color:var(--tb-accent);font-size:14px;width:20px;min-width:20px}
.detail-traveller-line label{margin:0;color:#64748b;font-size:12px;font-weight:600}
.detail-traveller-line span{color:#111827;font-size:14px;font-weight:600}
.bigin-quote-table-wrap{width:100%;overflow-x:auto}
.bigin-quote-service-table{min-width:980px}
.bigin-quote-service-table th{white-space:nowrap}
.bigin-quote-service-table td{vertical-align:top;line-height:20px}
.bigin-quote-service-table .quote-total-cell{white-space:nowrap}
.bigin-quote-table-wrap{width:100%;overflow-x:auto}
.bigin-quote-service-table{min-width:980px}
.bigin-quote-service-table th{white-space:nowrap}
.bigin-quote-service-table td{vertical-align:top;line-height:20px}
.bigin-quote-service-table .quote-total-cell{white-space:nowrap}
.query-resizable-layout{grid-template-columns:var(--query-left-width,400px) 10px minmax(0,1fr)}
.query-resizable-layout .client-detail-sidebar{border-right:0}
.query-detail-resizer{width:10px;background:#edf2f7;border-left:1px solid #d9e2ec;border-right:1px solid #d9e2ec;cursor:col-resize;position:relative;z-index:5}
.query-detail-resizer span{position:absolute;top:50%;left:50%;width:4px;height:48px;border-radius:8px;background:#94a3b8;transform:translate(-50%,-50%)}
.query-detail-resizer:hover{background:#dbeafe}
.query-detail-resizer:hover span{background:var(--tb-accent)}
.query-resizing{cursor:col-resize;user-select:none}
.query-resizing iframe,.query-resizing input,.query-resizing textarea,.query-resizing select{pointer-events:none}
.query-resizable-layout{grid-template-columns:var(--query-left-width,400px) 10px minmax(0,1fr)}
.query-resizable-layout .client-detail-sidebar{border-right:0;overflow:auto;scrollbar-width:none}
.query-resizable-layout .client-detail-sidebar:hover{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent}
.query-resizable-layout .client-detail-sidebar::-webkit-scrollbar{width:0;height:0}
.query-resizable-layout .client-detail-sidebar:hover::-webkit-scrollbar{width:8px;height:8px}
.query-resizable-layout .client-detail-sidebar:hover::-webkit-scrollbar-track{background:transparent}
.query-resizable-layout .client-detail-sidebar:hover::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}
.query-resizable-layout .client-detail-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#64748b}
.query-detail-resizer{width:10px;background:#edf2f7;border-left:1px solid #d9e2ec;border-right:1px solid #d9e2ec;cursor:col-resize;position:relative;z-index:5}
.query-detail-resizer span{position:absolute;top:50%;left:50%;width:4px;height:48px;border-radius:8px;background:#94a3b8;transform:translate(-50%,-50%)}
.query-detail-resizer:hover{background:#dbeafe}
.query-detail-resizer:hover span{background:var(--tb-accent)}
.query-resizing{cursor:col-resize;user-select:none}
.query-resizing iframe,.query-resizing input,.query-resizing textarea,.query-resizing select{pointer-events:none}
.bigin-quote-actions button.warning{border-color:#f59e0b;color:#b45309;background:#fffbeb}
.bigin-quote-actions button.warning:hover{background:#fef3c7}
.bigin-quote-actions button.danger{border-color:#fecaca;color:#dc2626;background:#fff}
.bigin-quote-actions button.danger:hover{background:#fef2f2}
.quote-map-wrap{padding:18px;background:#f8fafc;min-height:620px}
.quote-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;margin-bottom:14px}
.quote-map-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:600}
.quote-map-head p{margin:5px 0 0;color:#64748b;font-size:13px}
.quote-map-location-box{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.quote-map-location-box span{display:block;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;color:#0f172a;font-size:13px;min-width:150px}
.quote-map-location-box b{display:block;color:#64748b;font-size:11px;margin-bottom:3px}
.quote-map-box{height:500px;background:#e5eef7;border:1px solid #dbe4ee;border-radius:14px;overflow:hidden}
.quote-map-note{margin-top:10px;color:#64748b;font-size:12px}
.quote-map-marker{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:5px 9px;box-shadow:0 8px 20px rgba(15,23,42,.18);white-space:nowrap}
.quote-map-marker i{color:var(--tb-accent);font-size:16px}
.quote-map-marker.to i{color:#ef4444}
.quote-map-marker span{color:#0f172a;font-size:12px;font-weight:600}
.quote-map-vehicle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tb-accent);color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.25)}
.quote-map-vehicle i{font-size:18px;line-height:1}
.quote-map-vehicle.flight{background:#2563eb}
.quote-map-vehicle.transport{background:var(--tb-accent)}
.quote-map-vehicle.bus{background:#f97316}
.quote-map-vehicle.train{background:#7c3aed}
.quote-map-vehicle.cruise{background:#0284c7}
.quote-map-error{display:flex;height:100%;align-items:center;justify-content:center;color:#64748b;font-size:14px}
.quote-doc-voucher-notes{margin-top:10px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:10px 12px;color:#334155;font-size:13px;line-height:20px}
.quote-doc-voucher-notes b{color:#0f172a}
.quote-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;position:relative}
.quote-status-badge{height:28px;display:inline-flex;align-items:center;padding:0 13px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}
.quote-status-badge.confirmed{background:#dcfce7;color:#008c4f}
.quote-status-badge.draft{background:#f1f5f9;color:#475569}
.quote-status-badge.deleted{background:#fee2e2;color:#dc2626}
.quote-action-btn{height:30px;border:1px solid #dbe4ee;background:#fff;color:#111827;border-radius:16px;padding:0 15px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.quote-action-btn.primary{color:#111827}
.quote-action-btn.confirm{border-color:var(--tb-accent);background:var(--tb-accent);color:#fff}
.quote-action-btn.warning{border-color:#f59e0b;background:var(--tb-accent-soft-2);color:#c2410c}
.quote-action-btn.options{padding-right:24px;position:relative}
.quote-action-btn.options:after{content:"";position:absolute;right:11px;top:12px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #475569}
.quote-options-wrap{position:relative}
.quote-options-dropdown{display:none;position:absolute;right:0;top:36px;width:160px;background:#fff;border:1px solid #dbe4ee;border-radius:10px;box-shadow:0 14px 35px rgba(15,23,42,.14);padding:6px;z-index:99}
.quote-options-wrap.open .quote-options-dropdown{display:block}
.quote-options-dropdown button,.quote-options-dropdown a{width:100%;height:34px;display:flex;align-items:center;text-align:left;border:0;background:#fff;color:#111827;text-decoration:none;border-radius:8px;padding:0 10px;font-size:13px;font-weight:600;cursor:pointer}
.quote-options-dropdown button:hover,.quote-options-dropdown a:hover{background:#f1f5f9}
.quote-options-dropdown .danger{color:#dc2626}

 
#ui-datepicker-div{border:1px solid #dbe4ee!important;border-radius:10px!important;box-shadow:0 18px 45px rgba(15,23,42,.18)!important;padding:10px!important;background:#fff!important}
#ui-datepicker-div .ui-timepicker-div,#ui-datepicker-div .ui_tpicker_time,#ui-datepicker-div .ui_tpicker_hour,#ui-datepicker-div .ui_tpicker_minute,#ui-datepicker-div .ui_tpicker_second,#ui-datepicker-div .ui_tpicker_millisec,#ui-datepicker-div .ui_tpicker_microsec,#ui-datepicker-div .ui_tpicker_timezone{display:none!important}
.crm-calendar-timebox{display:flex!important;align-items:center!important;gap:10px!important;border-top:1px solid #e5eaf0!important;margin:8px -10px 0!important;padding:12px 10px 2px!important;background:#fff!important}
.crm-calendar-timebox label{margin:0!important;width:auto!important;min-width:42px!important;font-size:13px!important;font-weight:600!important;color:#334155!important;line-height:34px!important;text-align:left!important}
.crm-calendar-time-select{width:130px!important;height:34px!important;min-height:34px!important;border:1px solid #d6dee8!important;border-radius:7px!important;background:#fff!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;color:#111827!important;outline:none!important;box-shadow:none!important}
.crm-calendar-time-select:focus{border-color:var(--tb-accent)!important;box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.12)!important}
#ui-datepicker-div .ui-datepicker-buttonpane{display:flex!important;justify-content:flex-end!important;align-items:center!important;border-top:1px solid #e5eaf0!important;margin:10px -10px -10px!important;padding:10px!important;background:#fff!important;border-radius:0 0 10px 10px!important}
#ui-datepicker-div .ui-datepicker-buttonpane button{height:34px!important;border:0!important;border-radius:18px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important}
#ui-datepicker-div .ui-datepicker-current{display:none!important}
#ui-datepicker-div .ui-datepicker-close{background:var(--tb-accent)!important;color:#fff!important;opacity:1!important}
table thead tr th{font-size: 13px!important; font-weight: 600!important; color: #6c757d!important}
.quote-markup-section{padding-bottom:16px!important;margin-bottom:20px!important}
.quote-tax-row{grid-template-columns:repeat(4,1fr)!important}
.quote-markup-row{grid-template-columns:repeat(3,1fr)!important}
.quote-total-grid{grid-template-columns:repeat(4,1fr)!important}
.quote-auto-supplier-option{display:flex;align-items:center;gap:8px;margin:-4px 0 12px;color:#475569;font-size:13px;font-weight:600;line-height:18px;cursor:pointer}
.quote-auto-supplier-option input{width:15px;height:15px;margin:0;accent-color:var(--tb-accent);cursor:pointer}
.auto-supplier-active .quote-supplier-cost-input[readonly]{background:#eef2f7!important;color:#334155!important;font-weight:600!important;cursor:not-allowed!important}
.hotel-room-pricing-table .quote-supplier-cost-input[readonly]{background:#eef2f7!important;color:#334155!important;font-weight:600!important;cursor:not-allowed!important}
@media(max-width:1100px){.quote-tax-row,.quote-markup-row,.quote-total-grid{grid-template-columns:1fr!important}}
.quote-auto-supplier-option{display:flex;align-items:center;gap:8px;margin:8px 0 12px;color:#475569;font-size:13px;font-weight:600;line-height:18px;cursor:pointer}
.quote-auto-supplier-option input{width:15px;height:15px;margin:0;accent-color:var(--tb-accent);cursor:pointer}
.auto-supplier-active .quote-supplier-cost-input[readonly]{background:#eef2f7!important;color:#334155!important;font-weight:600!important;cursor:not-allowed!important}
.hotel-room-pricing-table .quote-supplier-cost-input[readonly]{background:#eef2f7!important;color:#334155!important;font-weight:600!important;cursor:not-allowed!important}
.quote-quick-supplier{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:14px 16px}
.quote-quick-supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px;align-items:start}
.quote-quick-field{display:block;min-width:0}
.quote-quick-field label{display:block;margin:0 0 7px;color:#374151;font-size:13px;font-weight:600;text-align:left;line-height:18px}
.quote-quick-field .drawer-control{width:100%;height:38px;border:1px solid #cfd8e3;border-radius:3px;background:#fff;color:#111827;font-size:14px;padding:0 12px;box-sizing:border-box}
.quote-quick-field .drawer-control:focus{border-color:var(--tb-accent);outline:none;box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.08)}
@media(max-width:720px){.quote-quick-supplier-grid{grid-template-columns:1fr}}
.required-star{color:#ef4444;margin-left:3px;font-weight:600}
.hotel-master-manage-line{display:flex;justify-content:flex-end;margin:-2px 0 14px}
.hotel-master-manage-btn{height:32px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:18px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.hotel-master-manage-btn:hover{background:var(--tb-accent-soft-2)}
.hotel-master-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}
.hotel-master-modal{background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.25);overflow:hidden;border:1px solid #e5e7eb}
.hotel-master-small-modal{width:360px;max-width:96vw}
.hotel-master-manager-modal{width:720px;max-width:96vw}
.hotel-master-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eef2f7;color:#111827;font-size:16px;font-weight:600}
.hotel-master-modal-head button{border:0;background:transparent;color:#6b7280;font-size:24px;line-height:22px;cursor:pointer;padding:0}
.hotel-master-modal-body{padding:18px}
.hotel-master-modal-body label{display:block;margin:0 0 8px;color:#374151;font-size:13px;font-weight:600}
.hotel-master-modal-body .drawer-control{width:100%;height:40px}
.hotel-master-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eef2f7;background:#f8fafc}
.hotel-master-select option[value="__add_room_type"],.hotel-master-select option[value="__add_meal_plan"]{font-weight:600;color:var(--tb-accent)}
.hotel-master-tabs{display:flex;align-items:center;gap:6px;padding:12px 16px 0;background:#fff;border-bottom:1px solid #eef2f7}
.hotel-master-tabs button{height:36px;border:0;background:#fff;color:#64748b;font-size:13px;font-weight:600;padding:0 14px;border-bottom:2px solid transparent;cursor:pointer}
.hotel-master-tabs button.active{color:var(--tb-accent);border-bottom-color:var(--tb-accent)}
.hotel-master-tab-panel{display:none;padding:16px 18px 18px;max-height:430px;overflow:auto}
.hotel-master-tab-panel.active{display:block}
.hotel-master-list-head{display:grid;grid-template-columns:1fr 170px;gap:12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px 8px 0 0;padding:10px 12px;color:#64748b;font-size:12px;font-weight:600}
.hotel-master-list{border:1px solid #eef2f7;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}
.hotel-master-row{display:grid;grid-template-columns:1fr 170px;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #eef2f7;background:#fff}
.hotel-master-row:first-child{border-top:0}
.hotel-master-title{height:34px!important}
.hotel-master-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.hotel-master-save-row,.hotel-master-delete-row{height:30px;border-radius:16px;padding:0 13px;font-size:12px;font-weight:600;cursor:pointer}
.hotel-master-save-row{border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff}
.hotel-master-delete-row{border:1px solid #fecaca;background:#fff;color:#dc2626}
.hotel-master-empty{padding:18px;text-align:center;color:#64748b;font-size:13px;font-weight:600;background:#fff}
@media(max-width:760px){.hotel-master-list-head,.hotel-master-row{grid-template-columns:1fr}.hotel-master-actions{justify-content:flex-start}}
.quote-media-section{margin-top:10px;border:1px solid #e5edf5;border-radius:14px;background:#fbfdff;padding:12px}
.quote-media-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.quote-media-head label{font-size:13px;font-weight:700;color:#111827}
.quote-media-head span{font-size:12px;color:#64748b}
.quote-media-grid{display:flex;flex-wrap:wrap;gap:10px}
.quote-media-add{width:96px;height:78px;border:1px dashed #b6c7d8;border-radius:12px;background:#fff;color:var(--tb-accent);font-size:28px;font-weight:400;cursor:pointer}
.quote-media-add:hover{background:var(--tb-accent-soft);border-color:var(--tb-accent)}
.quote-media-thumb{width:96px;height:78px;border-radius:12px;overflow:hidden;position:relative;background:#f1f5f9;border:1px solid #e2e8f0}
.quote-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.quote-media-thumb button{position:absolute;right:5px;top:5px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;font-size:14px;line-height:22px;cursor:pointer; line-height:20px;}
.crm-media-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:99999;display:flex;align-items:center;justify-content:center}
.crm-media-modal{width:860px;max-width:calc(100vw - 40px);max-height:calc(100vh - 50px);background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden}
.crm-media-modal-head{height:66px;padding:0 20px;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between; padding:10px 20px;}
.crm-media-modal-head b{display:block;font-size:17px;color:#111827}
.crm-media-modal-head span{display:block;font-size:12px;color:#64748b;margin-top:3px}
.crm-media-modal-head button{width:34px;height:34px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:20px;cursor:pointer}
.crm-media-tabs{height:46px;display:flex;gap:8px;align-items:center;padding:0 20px;border-bottom:1px solid #e5edf5; padding:10px 20px;}
.crm-media-tabs button{height:32px;border:0;border-radius:9px;background:#f1f5f9;color:#334155;font-size:13px;font-weight:700;padding:0 14px;cursor:pointer}
.crm-media-tabs button.active{background:var(--tb-accent);color:#fff}
.crm-media-panel{display:none;padding:16px 20px;overflow:auto;min-height:420px}
.crm-media-panel.active{display:block}
.crm-media-search-row{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-bottom:10px}
.crm-media-provider-line{font-size:12px;color:#64748b;margin-bottom:12px}
.crm-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.crm-media-card{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;position:relative;box-shadow:0 4px 16px rgba(15,23,42,.05)}
.crm-media-card img{width:100%;height:118px;object-fit:cover;display:block;background:#f1f5f9}
.crm-media-check{position:absolute;left:8px;top:8px;width:27px;height:24px;border-radius:7px;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(15,23,42,.16)}
.crm-media-check input{margin:0}
.crm-media-card-body{padding:10px}
.crm-media-card-body b{display:block;font-size:12px;line-height:16px;color:#111827;height:32px;overflow:hidden}
.crm-media-photo-by{font-size:11px;color:#64748b;margin-top:4px;height:15px;overflow:hidden}
.crm-media-card-actions{display:flex;gap:6px;margin-top:9px}
.crm-media-card-actions button{height:30px;border:0;border-radius:8px;padding:0 9px;font-size:12px;font-weight:700;cursor:pointer}
.crm-media-preview-btn{background:#f1f5f9;color:#334155}
.crm-media-use-btn{background:var(--tb-accent);color:#fff}
.crm-media-upload-row{display:grid;grid-template-columns:1fr 110px;gap:10px;margin-bottom:14px}
.crm-media-upload-row input{height:38px;border:1px solid #dbe4ee;border-radius:10px;padding:7px;background:#fff}
.crm-media-modal-foot{height:60px;border-top:1px solid #e5edf5;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px  20px}
.crm-media-loading,.crm-media-empty{grid-column:1/-1;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;text-align:center;color:#64748b;background:#f8fafc;font-size:13px}
.crm-media-preview-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:100000;display:flex;align-items:center;justify-content:center}
.crm-media-preview-box{width:720px;max-width:calc(100vw - 50px);background:#fff;border-radius:18px;box-shadow:0 28px 70px rgba(15,23,42,.28);overflow:hidden}
.crm-media-preview-head{height:52px;padding:0 16px;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between}
.crm-media-preview-head button{width:32px;height:32px;border:0;border-radius:10px;background:#f1f5f9;color:#334155;font-size:20px;cursor:pointer}
.crm-media-preview-box img{width:100%;max-height:70vh;object-fit:contain;background:#0f172a;display:block}
.crm-media-preview-title{padding:12px 16px;font-size:13px;color:#334155}
.bigin-quote-media-row td{background:#fbfdff!important;padding:10px 12px!important}
.bigin-quote-media-strip{display:flex;gap:8px;flex-wrap:wrap}
.bigin-quote-media-strip a{display:block;width:82px;height:62px;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;background:#f1f5f9}
.bigin-quote-media-strip img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.crm-media-grid{grid-template-columns:repeat(2,1fr)}.crm-media-modal{width:calc(100vw - 24px)}}
.crm-media-modal-foot .drawer-save{height:39px!important;}
.bigin-quote-media-preview-btn{display:block;width:82px;height:62px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f1f5f9;padding:0;cursor:pointer}
.bigin-quote-media-preview-btn img{width:100%;height:100%;object-fit:cover;display:block}
.bigin-quote-media-preview-btn:hover{border-color:var(--tb-accent);box-shadow:0 4px 14px rgba(var(--tb-accent-rgb),.16)}
.quote-doc-top{margin-bottom:18px}
.quote-doc-top.has-media{display:grid;grid-template-columns:1fr 248px;gap:14px;align-items:start}
.quote-doc-top.no-media{display:block}
.quote-doc-top.has-media .quote-doc-grid{margin-bottom:0}
.quote-doc-top.no-media .quote-doc-grid{grid-template-columns:repeat(3,1fr)}
.quote-doc-media-panel{display:grid;gap:8px}
.quote-doc-media-panel.single img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid #e2e8f0;background:#f1f5f9;display:block}
.quote-doc-media-panel.multiple{grid-template-columns:repeat(2,1fr)}
.quote-doc-media-panel.multiple img{width:100%;height:110x;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0;background:#f1f5f9;display:block}
@media(max-width:900px){.quote-doc-top.has-media{grid-template-columns:1fr}.quote-doc-media-panel.multiple{grid-template-columns:repeat(3,1fr)}}
@media print{.quote-doc-top.has-media{grid-template-columns:1fr 248px}.quote-doc-media-panel.single img{height:160px}.quote-doc-media-panel.multiple img{height:72px}}
/* Itinerary Builder */
.tb-kicker{display:inline-block;color:#008f6b;font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}
.tb-primary-btn{border:0;background:var(--tb-accent);color:#fff;border-radius:44px;padding:11px 16px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 18px rgba(0,152,121,.16)}
.tb-primary-btn:hover{background:#00866b;color:#fff}
.itinerary-list-page{padding:28px 32px;background:#f7f9fb;min-height:calc(100vh - 70px)}
.itinerary-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.itinerary-list-head h1{margin:0;color:#172033;font-size:30px;font-weight:600;letter-spacing:-.02em}
.itinerary-list-head p{margin:6px 0 0;color:#647084;font-size:14px}
.itinerary-search-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:14px;margin-bottom:18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.itinerary-search-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;max-width:680px}
.itinerary-search-box i{color:#7b8798}.itinerary-search-box input{border:0;background:transparent;outline:0;flex:1;font-size:14px;color:#172033}.itinerary-search-box button{border:0;background:#0f766e;color:#fff;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer}
.itinerary-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.itinerary-list-card{background:#fff;border:1px solid #e6ebf2;border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.itinerary-list-image{display:block;height:150px;background-size:cover;background-position:center}
.itinerary-list-body{padding:15px}.itinerary-list-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.itinerary-list-title-row a{color:#172033;text-decoration:none;font-size:17px;font-weight:600}.itinerary-list-title-row button{border:0;background:#fff0f1;color:#e24555;border-radius:8px;width:30px;height:30px;font-size:20px;cursor:pointer}.itinerary-list-meta{color:#647084;font-size:13px;margin:5px 0 10px}.itinerary-dest-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.itinerary-dest-list span{font-size:12px;color:#0f766e;background:#e8f7f3;border:1px solid #bfe9dd;border-radius:999px;padding:5px 9px}.itinerary-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2f7;padding-top:12px}.itinerary-card-footer strong{font-size:17px;color:#058260}.itinerary-card-footer div{display:flex;gap:7px}.itinerary-card-footer button,.itinerary-card-footer a{border:1px solid #d9e1eb;background:#fff;color:#0f766e;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.itinerary-empty{grid-column:1/-1}
.itinerary-builder-page{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:24px 26px;background:#f7f9fb;min-height:calc(100vh - 70px); height:95vh; overflow:auto;}
.itinerary-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.itinerary-builder-head h1{margin:0;color:#111827;font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.02em}.itinerary-subline{display:flex;align-items:center;gap:10px;margin-top:7px;color:#566276;font-size:15px}.itinerary-subline em{width:4px;height:4px;border-radius:999px;background:#9ca3af}.itinerary-head-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.itinerary-small-badges{display:flex;gap:7px;flex-wrap:wrap}.itinerary-small-badges span{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe6ef;background:#fff;border-radius:9px;color:#374151;font-size:12px;font-weight:700;padding:6px 9px}.itinerary-small-badges i{color:var(--tb-accent);font-size:12px}.itinerary-cover{height:220px;background-size:cover;background-position:center;border-radius:14px;position:relative;margin-bottom:18px;box-shadow:inset 0 -90px 110px rgba(15,23,42,.14),0 10px 26px rgba(15,23,42,.05);overflow:hidden}.itinerary-cover button{position:absolute;right:18px;top:16px;border:0;background:rgba(255,255,255,.94);color:#172033;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(15,23,42,.12)}
.itinerary-days-wrap{display:flex;flex-direction:column;gap:12px}.itinerary-day-card{background:#fff;border:1px solid #e5ebf3;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,.04)}.itinerary-day-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;border-bottom:1px solid transparent}.itinerary-day-card.active .itinerary-day-head{border-bottom-color:#edf1f6}.day-title-left{display:flex;align-items:center;gap:12px;color:#111827}.day-title-left strong{font-size:18px}.day-title-left i{font-size:15px}.day-head-actions{display:flex;align-items:center;gap:8px}.day-head-actions select,.day-mini-btn{height:36px;border:1px solid #dce4ee;background:#fff;border-radius:9px;color:#253044;font-size:13px;font-weight:700;padding:0 10px}.day-service-select{min-width:145px;color:#0f766e!important}.day-mini-btn{cursor:pointer}.day-copy-select{max-width:95px}.itinerary-day-body{display:none;padding:16px}.itinerary-day-card.active .itinerary-day-body{display:block}.itinerary-day-info{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;margin-bottom:14px}.day-info-img{height:120px;border-radius:10px;background-size:cover;background-position:center}.itinerary-day-info h3{margin:0 0 8px;color:#172033;font-size:18px}.itinerary-day-info p{margin:0;color:#354052;line-height:1.55;font-size:14px}.itinerary-service-list{display:flex;flex-direction:column;gap:10px;min-height:50px}.itinerary-service-card{display:grid;grid-template-columns:160px 54px minmax(0,1fr) 72px;gap:14px;align-items:center;background:#fff;border:1px solid #edf1f6;border-radius:13px;padding:10px 14px;cursor:move}.itinerary-service-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.06)}.service-thumb{height:72px;border-radius:10px;background-size:cover;background-position:center}.service-icon{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:21px}.service-icon.green{background:#e8f8f2;color:#008f6b}.service-icon.blue{background:#eaf3ff;color:#2d7fe6}.service-icon.yellow{background:#fff6df;color:#bd7b00}.service-icon.purple{background:#f4ecff;color:#7c3aed}.service-icon.gray{background:#f1f5f9;color:#64748b}.service-info h4{margin:0;color:#172033;font-size:16px}.service-info p{margin:4px 0 0;color:#354052;font-size:14px;font-weight:600}.service-info span{display:block;margin-top:4px;color:#647084;font-size:13px}.itinerary-service-card button{border:1px solid #d9e1eb;background:#fff;color:#0f766e;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;cursor:pointer}.itinerary-no-service{border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;background:#f8fafc;padding:18px;text-align:center}
.itinerary-cost-sidebar{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:14px}.itinerary-cost-card,.itinerary-actions-card{background:#fff;border:1px solid #e5ebf3;border-radius:15px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.cost-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.cost-title i{color:var(--tb-accent);font-size:20px}.cost-title h3{margin:0;font-size:18px;color:#172033}.cost-line,.cost-field-row,.cost-tax-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0;color:#253044;font-size:14px}.cost-line strong{font-weight:600}.cost-section-title{font-size:15px;color:#111827;font-weight:600;margin:16px 0 8px;padding-top:12px;border-top:1px solid #edf1f6}.cost-field-row{grid-template-columns:1fr 118px}.cost-field-row b{font-size:13px;color:#253044}.cost-field-row:has(b){grid-template-columns:1fr 105px 82px}.cost-field-row input,.cost-field-row select,.cost-tax-row input,.cost-tax-row select{height:38px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#253044;padding:0 10px;max-width:100%;font-size:13px}.cost-tax-row{grid-template-columns:52px 78px 18px 1fr}.cost-tax-row b{text-align:right;font-size:13px;color:#253044}.cost-help{display:flex;align-items:flex-start;gap:8px;color:#647084;font-size:13px;line-height:1.45;margin:10px 0 12px}.cost-help i{color:#2d7fe6}.grand-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e9f8f2;color:var(--tb-accent);border-radius:11px;padding:13px 12px;margin-top:12px}.grand-total-row span{font-weight:600}.grand-total-row strong{font-size:20px}.cost-save-btn,.itinerary-actions-card .save-green{width:100%;height:42px;border:0;border-radius:100px;background:var(--tb-accent);color:#fff;font-weight:600;margin-top:14px;cursor:pointer}.itinerary-actions-card h3{margin:0 0 12px;font-size:16px;color:#172033}.itinerary-actions-card button{width:100%;height:42px;border:1px solid #dce4ee;background:#fff;color:#172033;border-radius:10px;font-weight:600;margin-bottom:10px;cursor:pointer}.itinerary-actions-card .save-green{margin:0;background:var(--tb-accent);color:#fff;border:0}
.itinerary-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.itinerary-form-grid .span-2{grid-column:1/-1}.itinerary-popup-form .drawer-body,.itinerary-service-form .drawer-body{padding:18px 22px}.itinerary-multiselect{height:auto!important}.itinerary-service-topbar{display:flex;justify-content:flex-end;margin-bottom:12px}.itinerary-total-box{margin-top:14px}.drawer-delete{background:#fff0f1;border:1px solid #ffc9d0;color:#d52b3b;border-radius:9px;padding:10px 14px;font-weight:600;cursor:pointer}.quote-master-modal{}.quote-master-modal[style*="display:none"]{display:none!important}.quote-master-modal-card{}.quote-master-modal-head{}.quote-master-modal-head button{}.quote-master-search{}.quote-master-search input{flex:1;height:40px;border:1px solid #dce4ee;border-radius:9px;padding:0 12px}.quote-master-search button,.quote-master-card button{ }.quote-master-result{padding:0 18px 18px;display:flex;flex-direction:column;gap:10px}.quote-master-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf1f6;border-radius:12px;padding:12px}.quote-master-card b{color:#172033}.quote-master-card p{margin:5px 0;color:#647084}.quote-master-card small{color:var(--tb-accent);font-weight:600}
@media(max-width:1200px){.itinerary-builder-page{grid-template-columns:1fr}.itinerary-cost-sidebar{position:static}.itinerary-builder-head{flex-direction:column}.itinerary-head-right{justify-content:flex-start}.itinerary-service-card{grid-template-columns:120px 44px 1fr 64px}.itinerary-day-info{grid-template-columns:160px 1fr}}

/* Itinerary module list aligned with CRM query/table UI */
.itinerary-module-page{background:#f5f7fa;min-height:calc(100vh - 54px)}
.itinerary-module-page .content-toolbar{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid #e7edf4}
.itinerary-top-search input{min-width:340px}
.itinerary-list-body-wrap{height:calc(100vh - 160px)}
.itinerary-table .itinerary-row-thumb{width:54px;height:42px;border-radius:8px;display:block;background-size:cover;background-position:center;border:1px solid #e5eaf0}
.itinerary-table .itinerary-row-title{font-size:14px;font-weight:700;color:#0f172a;text-decoration:none;display:block;margin-bottom:4px}
.itinerary-table .itinerary-row-title:hover{color:var(--tb-accent)}
.itinerary-table .itinerary-row-desc{font-size:12px;color:#64748b;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itinerary-table .itinerary-row-dests{display:flex;gap:5px;flex-wrap:wrap;max-width:220px}
.itinerary-table .itinerary-row-dests span{font-size:11px;font-weight:700;color:#007d68;background:#e9f8f4;border:1px solid #cbeee5;border-radius:999px;padding:3px 7px;line-height:1.2}
.itinerary-passenger-text{font-size:12px;color:#334155;font-weight:600}
.itinerary-row-price{font-size:13px;color:var(--tb-accent);font-weight:600}
.itinerary-row-actions{white-space:nowrap;display:flex;align-items:center;gap:5px}
.itinerary-row-actions a,.itinerary-row-actions button{width:30px;height:30px;border:0;background:transparent;color:#64748b;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.itinerary-row-actions a:hover,.itinerary-row-actions button:hover{background:#eef7f4;color:var(--tb-accent)}
.itinerary-empty-table{height:210px;text-align:center!important;color:#64748b;background:#fff!important}
.itinerary-empty-table h3{font-size:22px;margin:0 0 8px;color:#64748b;font-weight:600}.itinerary-empty-table p{margin:0;font-size:14px;color:#64748b}
.itinerary-builder-head h1{font-size:24px!important}.itinerary-small-badges span{font-size:11px!important;padding:5px 8px!important}.itinerary-subline{font-size:13px!important}
@media(max-width:900px){.itinerary-top-search input{min-width:180px}.itinerary-list-body-wrap{height:auto}.itinerary-table{min-width:900px}}


/* Itinerary listing compact CRM table fix */
.itinerary-module-page .client-table-wrap{overflow-x:auto;overflow-y:auto}
.itinerary-table{width:100%;min-width:1040px;table-layout:fixed}
.itinerary-table th,.itinerary-table td{vertical-align:middle}
.itinerary-table th.it-col-image{width:78px;text-align:center}
.itinerary-table th.it-col-title{width:34%}
.itinerary-table th.it-col-destinations{width:300px}
.itinerary-table th.it-col-duration{width:105px}
.itinerary-table th.it-col-pax{width:92px}
.itinerary-table th.it-col-price{width:125px}
.itinerary-table th.it-col-action{width:88px;text-align:center}
.itinerary-table td.itinerary-image-cell{padding-left:0!important;padding-right:0!important;text-align:center!important}
.itinerary-table .itinerary-row-thumb{width:54px!important;height:40px!important;margin:0 auto!important;border-radius:7px!important;background-size:cover!important;background-position:center!important}
.itinerary-table .itinerary-row-dests{display:flex!important;align-items:center;gap:5px;flex-wrap:nowrap!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important}
.itinerary-table .itinerary-row-dests span{display:inline-flex;align-items:center;white-space:nowrap!important;flex:0 0 auto;font-size:11px!important;padding:3px 7px!important}
.itinerary-table .itinerary-passenger-text{white-space:nowrap;font-size:12px;font-weight:700;color:#0f172a}
.itinerary-table .itinerary-row-actions{width:auto!important;justify-content:center;overflow:visible}
.itinerary-table .itinerary-row-actions a,.itinerary-table .itinerary-row-actions button{width:24px!important;height:24px!important;padding:0!important}
@media(max-width:1200px){.itinerary-table{min-width:1080px}.itinerary-table th.it-col-destinations{width:290px}}
.itinerary-day-description{color:#354052;line-height:1.55;font-size:14px;}
.itinerary-day-description p{margin:0 0 8px;}
.itinerary-day-description p:last-child{margin-bottom:0;}
.itinerary-day-description ul,
.itinerary-day-description ol{margin:6px 0 8px 20px;padding:0;}
.itinerary-day-description li{margin:3px 0;}
.itinerary-service-quote-form .quote-pro-head-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.itinerary-service-quote-form .quote-master-import-btn{height:36px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:19px;padding:0 18px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.itinerary-service-quote-form .quote-master-import-btn:hover{background:var(--tb-accent-soft);color:var(--tb-accent);border-color:var(--tb-accent)}
.itinerary-service-quote-form .quote-quick-supplier-section,.itinerary-service-quote-form .itinerary-service-currency-view{display:none}
#itineraryMasterModal.quote-master-modal{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:99999;display:flex;align-items:center;justify-content:center}
#itineraryMasterModal.quote-master-modal[style*="display:none"]{display:none!important}
#itineraryMasterModal .quote-master-modal-card{width:min(720px,92vw);max-height:80vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 26px 60px rgba(15,23,42,.22)}
#itineraryMasterModal .quote-master-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #edf1f6}
#itineraryMasterModal .quote-master-modal-head button{border:0;background:#f1f5f9;border-radius:8px;width:32px;height:32px;font-size:20px;cursor:pointer}
#itineraryMasterModal .quote-master-search{display:flex;gap:8px;padding:14px 18px}
#itineraryMasterModal .quote-master-search input{flex:1;height:40px;border:1px solid #dce4ee;border-radius:9px;padding:0 12px}
#itineraryMasterModal .quote-master-search button,#itineraryMasterModal .quote-master-card button{border:0;background:var(--tb-accent);color:#fff;border-radius:9px;padding:0 14px;font-weight:600;cursor:pointer}
#itineraryMasterModal .quote-master-result{padding:0 18px 18px;display:flex;flex-direction:column;gap:10px}
#itineraryMasterModal .quote-master-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf1f6;border-radius:12px;padding:12px}
#itineraryMasterModal .quote-master-card b{color:#172033}
#itineraryMasterModal .quote-master-card p{margin:5px 0;color:#647084}
#itineraryMasterModal .quote-master-card small{color:var(--tb-accent);font-weight:600}
.hotel-master-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:100000;display:none;align-items:center;justify-content:center;padding:24px}
.hotel-master-modal-box{width:420px;max-width:94vw;background:#fff;border-radius:14px;box-shadow:0 22px 65px rgba(15,23,42,.24);overflow:hidden;border-top:3px solid var(--tb-accent)}
.hotel-master-manage-box{width:760px;max-width:94vw;max-height:84vh;background:#fff;border-radius:14px;box-shadow:0 22px 65px rgba(15,23,42,.24);overflow:hidden;border-top:3px solid var(--tb-accent);display:flex;flex-direction:column}
.hotel-master-modal-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #edf1f5;background:#fff}
.hotel-master-modal-head b{font-size:18px;color:#111827;font-weight:700}
.hotel-master-modal-head button{width:30px;height:30px;border:0;border-radius:50%;background:#f1f5f9;color:#667085;font-size:22px;line-height:28px;cursor:pointer}
.hotel-master-modal-body{padding:18px 20px 20px}
.hotel-master-modal-body label{display:block;margin:0 0 8px;font-size:13px;color:#334155;font-weight:700}
.hotel-master-modal-foot{height:58px;border-top:1px solid #edf1f5;background:#fff;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 20px}
.hotel-master-manage-body{padding:18px 20px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hotel-master-manage-title{font-size:15px;font-weight:700;color:#111827;margin-bottom:10px}
.hotel-master-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 62px;gap:8px;align-items:center;margin-bottom:8px}
.hotel-master-row .drawer-control{height:34px;font-size:13px}
.hotel-master-update{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer}
.hotel-master-delete{height:32px;border:1px solid #fecaca;background:#fff;color:#dc2626;border-radius:16px;font-size:12px;font-weight:700;cursor:pointer}
@media(max-width:760px){.hotel-master-manage-body{grid-template-columns:1fr}.hotel-master-row{grid-template-columns:1fr}.hotel-master-update,.hotel-master-delete{width:100%}}
.itinerary-hotel-form .quote-form-wrap{background:#fff; padding-bottom:30px;}
.itinerary-hotel-form .quote-master-import-btn{height:34px;border:1px solid var(--tb-accent);background:#fff;color:var(--tb-accent);border-radius:18px;padding:0 16px;font-size:12px;font-weight:600;line-height:32px;}
.itinerary-hotel-form .quote-master-import-btn:hover{background:var(--tb-accent-soft);color:var(--tb-accent);}
.itinerary-hotel-form .quote-media-add{height:70px;}
.itinerary-hotel-form .quote-pro-head-actions .quote-remove-btn{border:0;background:transparent;color:#dc2626;font-weight:600;}
.itinerary-hotel-form .itinerary-hotel-room-table th:nth-child(4),.itinerary-hotel-form .itinerary-hotel-room-table td:nth-child(4){width:130px;}
.itinerary-hotel-form .hotel-quote-card.single-mode .hotel-supplier-room-col{display:none;}
.itinerary-hotel-form .hotel-quote-card.roomwise-mode .hotel-supplier-room-col{display:table-cell;}
.itinerary-hotel-form .hotel-single-supplier-row{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:end;margin-top:14px;}
.itinerary-hotel-form .hotel-single-supplier-row .quote-pro-field{margin:0;}
.itinerary-hotel-form .hotel-single-supplier-row .hotel-supplier-toggle{justify-self:end;margin-bottom:7px;}
.itinerary-hotel-form .hotel-roomwise-supplier-row{display:none;text-align:right;margin-top:12px;}
.itinerary-hotel-form .hotel-quote-card.roomwise-mode .hotel-single-supplier-row{display:none;}
.itinerary-hotel-form .hotel-quote-card.roomwise-mode .hotel-roomwise-supplier-row{display:block;}
.itinerary-hotel-form .quote-media-thumb{position:relative;width:92px;height:70px;border-radius:10px;overflow:hidden;border:1px solid #dce5ef;background:#f8fafc;display:inline-flex;margin:0 8px 8px 0;vertical-align:top;}
.itinerary-hotel-form .quote-media-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.itinerary-hotel-form .quote-media-thumb button{position:absolute;right:4px;top:4px;width:20px;height:20px;border:0;border-radius:50%;background:#111827;color:#fff;font-size:13px;line-height:20px;cursor:pointer;}
.itinerary-hotel-form .hotel-room-pricing-box{background:#f8fafc;border:1px solid #dbe5ef;border-radius:8px;padding:18px 16px 14px;margin-top:14px;}
.itinerary-hotel-form .quote-pro-pricing-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px;}
.itinerary-hotel-form .quote-auto-supplier-option{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:13px;font-weight:600;margin-bottom:13px;}
.itinerary-hotel-form .quote-auto-supplier-option input{accent-color:var(--tb-accent);}
.itinerary-hotel-form .hotel-room-pricing-table th,.itinerary-hotel-form .hotel-room-pricing-table td{vertical-align:middle;}
.itinerary-hotel-form .hotel-room-pricing-table{width:100%;border-collapse:collapse;border:0;border-radius:0;overflow:visible;background:#fff;}
.itinerary-hotel-form .hotel-room-pricing-table th{background:#f8fafc;color:#6b7280;font-size:12px;font-weight:600;padding:9px 10px;border-bottom:1px solid #e5edf5;text-align:left;}
.itinerary-hotel-form .hotel-room-pricing-table td{padding:7px 10px;border-bottom:1px solid #eef2f7;color:#111827;background:#fff;}
.itinerary-hotel-form .hotel-room-pricing-table tr:last-child td{border-bottom:0;}
.itinerary-hotel-form .hotel-room-pricing-table .drawer-control{height:32px;background:#fff;border:1px solid #cbd5e1;border-radius:3px;text-align:left;font-weight:400;color:#111827;padding:4px 10px;}
.itinerary-hotel-form .hotel-room-pricing-table input.hotel-room-total,.itinerary-hotel-form .hotel-room-pricing-table input.hotel-supplier-room-total{background:#f1f5f9;font-weight:600;color:#1f2937;}
.itinerary-hotel-form .hotel-single-supplier-cost{height:36px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:3px;font-weight:600;color:#374151;}
.itinerary-hotel-form .hotel-supplier-toggle{height:auto;border:0;background:transparent;border-radius:0;padding:0;font-size:13px;font-weight:600;cursor:pointer;text-align:right;}
.itinerary-hotel-form .hotel-supplier-toggle:hover{background:transparent;color:#1d4ed8;text-decoration:none;}
.hotel-master-modal-backdrop,.quote-master-import-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:99999;align-items:center;justify-content:center;}
.hotel-master-modal,.quote-master-import-modal{background:#fff;border-radius:16px;box-shadow:0 22px 55px rgba(15,23,42,.22);width:min(760px,92vw);max-height:86vh;overflow:auto;}
.hotel-master-small-modal{width:min(420px,92vw);}
.hotel-master-manager-modal{width:min(760px,94vw);}
.hotel-master-modal-head,.quote-master-import-head{height:58px;padding:0 18px;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between;}
.hotel-master-modal-head button,.quote-master-import-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;}
.hotel-master-modal-body{padding:18px;}
.hotel-master-modal-foot{padding:14px 18px;border-top:1px solid #e5edf5;display:flex;justify-content:flex-end;gap:10px;}
.hotel-master-tabs{display:flex;gap:8px;padding:14px 18px 0;}
.hotel-master-tabs button{ background:#fff; padding:8px 14px;font-weight:600;color:#334155;}
 
.hotel-master-tab-panel{display:none;padding:16px 18px 20px;}
.hotel-master-tab-panel.active{display:block;}
.hotel-master-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.hotel-master-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px; margin-bottom:0px;}
.hotel-master-actions{display:flex;gap:6px;} 
.quote-master-import-search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 18px;border-bottom:1px solid #eef2f7;}
.quote-master-import-list{padding:0 22px 18px;display:flex;flex-direction:column;gap:12px;}
.itinerary-master-import-modal{width:min(860px,96vw);border-radius:14px;overflow:hidden;}
.itinerary-master-import-modal .quote-master-import-head{height:84px;padding:0 22px;}
.itinerary-master-import-modal .quote-master-import-head div{display:flex;flex-direction:column;gap:6px;}
.itinerary-master-import-modal .quote-master-import-head b{font-size:18px;color:#0f172a;}
.itinerary-master-import-modal .quote-master-import-head span{font-size:13px;color:#64748b;font-weight:400;}
.itinerary-master-import-modal .quote-master-import-search{padding:18px 22px 10px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;}
.itinerary-master-import-modal .quote-master-import-search .drawer-control{height:42px;border-radius:0;border:1px solid #cbd5e1;}
.itinerary-master-import-modal .quote-master-import-search .drawer-save{height:38px;border-radius:20px;padding:0 22px;}
.quote-master-import-context{padding:0 22px 12px;color:#64748b;font-size:13px;}
.quote-master-import-card{border:1px solid #dfe8f1;border-radius:14px;padding:12px;background:#fff;}
.quote-master-import-main{display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:start;}
.quote-master-import-main img{width:92px;height:72px;border-radius:10px;object-fit:cover;background:#f1f5f9;}
.quote-master-import-main .master-image-empty{width:92px;height:72px;border-radius:10px;background:#f1f5f9;}
.quote-master-import-card h4{margin:0 0 5px;color:#111827;font-size:15px;font-weight:600;}
.quote-master-import-card p{margin:0 0 8px;color:#64748b;font-size:13px;}
.quote-master-import-tags{display:flex;gap:6px;flex-wrap:wrap;}
.quote-master-import-tags span{background:#f1f5f9;color:#475569;border-radius:14px;padding:5px 11px;font-size:12px;font-weight:700;}
.quote-master-price-toggle{height:34px;background: var(--tb-accent); color: #fff; border: 0px;border-radius:18px;font-size:12px;font-weight:600;padding:0 16px;white-space:nowrap;}
.quote-master-price-list{display:none;margin-top:16px;border-top:1px solid #eef2f7;padding-top:12px;}
.quote-master-price-row{border:1px solid #e5edf5;border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:9px;background:#fff;}
.quote-master-price-row h5{margin:0 0 8px;color:#0f172a;font-size:13px;font-weight:600;text-transform:none;}
.quote-master-price-row span{font-size:13px;color:#64748b;line-height:1.6;}
.quote-master-price-row button{height:34px;border:0;background:var(--tb-accent);color:#fff;border-radius:18px;font-size:12px;font-weight:600;padding:0 18px;}
.quote-master-import-foot{padding:14px 22px;border-top:1px solid #e5edf5;display:flex;justify-content:flex-end;background:#fff;}
.crm-media-preview-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100000;align-items:center;justify-content:center;}
.crm-media-preview-box{position:relative;background:#fff;border-radius:16px;padding:14px;max-width:760px;width:90vw;}
.crm-media-preview-box button{position:absolute;right:10px;top:8px;border:0;background:#111827;color:#fff;border-radius:50%;width:28px;height:28px;font-size:18px;}
.crm-media-preview-box img{width:100%;max-height:70vh;object-fit:contain;display:block;border-radius:10px;}
.crm-media-preview-box p{margin:8px 0 0;color:#475569;font-size:13px;}
.itdoc-preview-toolbar {   padding-top: 12px !important; padding-left: 20px!important; }
.query-service-badge{display:inline-flex;align-items:center;gap:6px;height:24px;max-width:132px;border-radius:16px;padding:0 9px 0 7px;font-size:11px;font-weight:700;line-height:24px;white-space:nowrap;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.query-service-badge i{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;background:rgba(255,255,255,.28);line-height:16px;flex:0 0 16px}
.query-service-badge span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.query-service-package{background:#ede9fe;color:#5b21b6}.query-service-flight{background:#dbeafe;color:#1d4ed8}.query-service-hotel{background:#dcfce7;color:var(--tb-accent)}.query-service-transport{background:#e0f2fe;color:#0369a1}.query-service-sightseeing{background:#fef3c7;color:#b45309}.query-service-visa{background:#fce7f3;color:#be185d}.query-service-passport{background:#e0e7ff;color:#4338ca}.query-service-cruise{background:#ccfbf1;color:#0f766e}.query-service-bus{background:#ffedd5;color:#c2410c}.query-service-train{background:#f3e8ff;color:#7e22ce}.query-service-other{background:#e5e7eb;color:#334155}
/* Dynamic Dashboard Editor */

.dyn-editor-page{padding:18px;background:#f8fafc;min-height:calc(100vh - 72px);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;}
.dyn-editor-page *{box-sizing:border-box;}
.dyn-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.dyn-editor-head h2,.dynamic-dashboard-head h1{margin:0;color:#0f172a;font-size:26px;font-weight:850;letter-spacing:-.03em;line-height:1.1;}
.dyn-editor-head p,.dynamic-dashboard-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45;}
.dyn-editor-actions,.dynamic-dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.btn-primary-small,.btn-outline-small{height:36px;border-radius:10px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;}
.btn-primary-small{background:var(--tb-accent);color:#fff;border:1px solid var(--tb-accent);}
.btn-outline-small{background:#fff;color:#0f172a;border:1px solid #dbe3ec;}
.btn-primary-small:hover{background:#00745f;color:#fff;}
.btn-outline-small:hover{border-color:var(--tb-accent);color:var(--tb-accent);}
.dyn-db-warning{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:14px;padding:13px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px;font-size:13px;}
.dyn-db-warning b{color:#78350f;font-size:14px;}
.dyn-board-strip{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(170px,.8fr) 120px;gap:14px;align-items:end;margin-bottom:16px;}
.dyn-board-strip .form-group,.dyn-settings-panel .form-group{margin:0;min-width:0;}
.dyn-board-strip label,.dyn-settings-panel label{display:block;color:#475569;font-size:12px;font-weight:800;margin-bottom:7px;}
.dyn-board-strip input,.dyn-board-strip select,.dyn-settings-panel input,.dyn-settings-panel select{width:100%;height:38px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#0f172a;font-size:13px;font-weight:600;padding:0 12px;outline:none;}
.dyn-board-strip input:focus,.dyn-board-strip select:focus,.dyn-settings-panel input:focus,.dyn-settings-panel select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.08);}
.dyn-switch{height:38px;display:flex!important;align-items:center;gap:9px;margin:0!important;}
.dyn-switch input{display:none;}
.dyn-switch span{width:46px;height:24px;background:#cbd5e1;border-radius:20px;position:relative;display:block;transition:.2s;flex:0 0 46px;}
.dyn-switch span:before{content:'';width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;left:3px;top:3px;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.2s;}
.dyn-switch input:checked+span{background:var(--tb-accent);}
.dyn-switch input:checked+span:before{left:25px;}
.dyn-switch em{font-style:normal;color:var(--tb-accent);font-size:12px;font-weight:800;}
.dyn-editor-grid{display:grid;grid-template-columns:300px minmax(560px,1fr) 300px;gap:14px;align-items:start;width:100%;}
.dyn-left-panel,.dyn-canvas-panel,.dyn-settings-panel{background:#fff;border:1px solid #dfe7ef;border-radius:14px;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.03);}
.dyn-left-panel{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;display:block;}
.dyn-settings-panel{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;}
.dyn-panel-title{min-height:48px;padding:0 16px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:9px;color:#0f172a;font-size:14px;background:#fff;}
.dyn-panel-title b{font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-panel-title i{color:var(--tb-accent);font-size:15px;}
.widgets-title{margin-top:10px;border-top:1px solid #edf2f7;background:#fbfdff;}
.dyn-board-list{padding:12px;display:flex;flex-direction:column;gap:8px;max-height:172px;overflow:auto;}
.dyn-board-item{display:block;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;text-decoration:none;color:#0f172a;background:#fff;min-height:58px;}
.dyn-board-item b{display:block;font-size:13px;font-weight:850;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-board-item span{display:block;color:#64748b;font-size:12px;margin-top:4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-board-item.active{border-color:var(--tb-accent);background:#effbf8;box-shadow:inset 3px 0 0 var(--tb-accent);}
.dyn-empty-small{border:1px dashed #cbd5e1;border-radius:12px;padding:14px;text-align:center;color:#94a3b8;font-size:12px;background:#f8fafc;}
.dyn-new-board{margin:0 12px 12px;width:calc(100% - 24px);height:38px;border:1px dashed var(--tb-accent);color:var(--tb-accent);background:#f5fffc;border-radius:10px;font-size:13px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;}
.dyn-new-board:hover{background:#eafff9;border-style:solid;}
.dyn-widget-search{padding:10px 12px;}
.dyn-widget-search input{width:100%;height:36px;border:1px solid #dbe3ec;border-radius:9px;padding:0 11px;font-size:13px;outline:none;}
.dyn-widget-search input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.08);}
.dyn-library{padding:0 12px 14px;display:block;}
.dyn-library-group{padding-bottom:2px;}
.dyn-library-group h5{margin:13px 0 8px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.dyn-library-tile{width:100%;border:1px solid #e2e8f0;background:#fff;border-radius:11px;padding:10px;margin-bottom:8px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;text-align:left;align-items:center;cursor:pointer;}
.dyn-library-tile i{width:32px;height:32px;border-radius:10px;background:var(--tb-accent-soft-2);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:15px;}
.dyn-library-tile b{display:block;color:#0f172a;font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-library-tile em{display:block;color:#64748b;font-style:normal;font-size:11px;margin-top:2px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-library-tile.active,.dyn-library-tile:hover{border-color:var(--tb-accent);background:#f8fffd;}
.dyn-canvas-panel{min-height:620px;}
.dyn-canvas-head{padding:15px 16px;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;}
.dyn-canvas-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:850;line-height:1.2;}
.dyn-canvas-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.4;}
.dyn-layout-grid,.dynamic-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;grid-auto-flow:dense;gap:12px;padding:14px;background:linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:28px 28px;align-items:stretch;}
.dyn-widget-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;min-height:132px;height:100%;box-shadow:0 1px 2px rgba(15,23,42,.03);overflow:hidden;min-width:0;display:flex;flex-direction:column;}
.dyn-widget-head{height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;cursor:move;gap:10px;}
.dyn-widget-head>div{display:flex;align-items:center;gap:9px;min-width:0;}
.dyn-widget-head i{width:28px;height:28px;border-radius:9px;background:var(--tb-accent-soft-2);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 28px;}
.dyn-widget-head h4{margin:0;color:#0f172a;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-widget-menu{color:#94a3b8;flex:0 0 auto;}
.dyn-widget-remove{border:0;background:#fff;color:#94a3b8;font-size:22px;line-height:1;cursor:pointer;}
.dyn-widget-remove:hover{color:#ef4444;}
.dyn-kpi-value{font-size:28px;font-weight:900;color:#0f172a;padding:4px 16px 0;letter-spacing:-.04em;line-height:1.05;}
.dyn-kpi-sub{padding:5px 16px 14px;color:#64748b;font-size:12px;}
.dash-empty{margin:14px 16px 18px;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;text-align:center;color:#94a3b8;font-size:13px;background:#f8fafc;}
.dyn-widget-controls{border-top:1px solid #f1f5f9;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;margin-top:auto;}
.dyn-widget-controls select{height:30px;border:1px solid #dbe3ec;border-radius:8px;font-size:12px;padding:0 8px;max-width:92px;min-width:80px;background:#fff;}
.dyn-widget-controls span{color:#94a3b8;font-size:11px;white-space:nowrap;}
.dyn-widget-placeholder{grid-column:span 4;min-height:120px;border:2px dashed var(--tb-accent);border-radius:14px;background:#effbf8;}
.dash-donut-wrap{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;padding:10px 16px 16px;}
.dash-donut{width:116px;height:116px;border-radius:50%;position:relative;}
.dash-donut:after{content:'';position:absolute;inset:24px;background:#fff;border-radius:50%;}
.dash-donut span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:#0f172a;font-size:21px;font-weight:900;}
.dash-legend{display:flex;flex-direction:column;gap:7px;min-width:0;}
.dash-legend div{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:7px;align-items:center;color:#475569;font-size:12px;}
.dash-legend i{width:9px;height:9px;border-radius:50%;display:block;}
.dash-bars{padding:5px 16px 16px;display:flex;flex-direction:column;gap:10px;}
.dash-bar-row{display:grid;grid-template-columns:110px minmax(0,1fr) 48px;gap:10px;align-items:center;}
.dash-bar-row label{font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;}
.dash-bar-row div{height:9px;background:#f1f5f9;border-radius:9px;overflow:hidden;}
.dash-bar-row span{display:block;height:100%;background:var(--tb-accent);border-radius:9px;}
.dash-bar-row b{font-size:12px;color:#0f172a;text-align:right;}
.dash-line-bars{height:160px;padding:14px 16px 16px;display:flex;align-items:flex-end;gap:12px;}
.dash-line-bars div{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;}
.dash-line-bars span{width:100%;max-width:28px;background:var(--tb-accent);border-radius:8px 8px 0 0;}
.dash-line-bars small{color:#64748b;font-size:11px;}
.dash-group-bar-wrap{padding:8px 14px 15px;}
.dash-group-legend{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:0 2px 10px;color:#64748b;font-size:11px;font-weight:800;}
.dash-group-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap;}
.dash-group-legend i{width:9px;height:9px;border-radius:3px;display:block;}
.dash-group-legend i.total{background:#d9e2ec;}
.dash-group-legend i.won{background:var(--tb-accent);}
.dash-group-bars{height:150px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;border-bottom:1px solid #e2e8f0;padding:0 2px 0;}
.dash-group-col{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;}
.dash-group-values{height:15px;display:flex;gap:3px;align-items:center;justify-content:center;color:#64748b;font-size:9px;font-weight:800;line-height:1;}
.dash-group-values em{font-style:normal;max-width:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dash-group-pair{height:104px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;}
.dash-group-pair span{width:10px;min-height:3px;border-radius:6px 6px 0 0;display:block;}
.dash-group-pair span.total{background:#d9e2ec;}
.dash-group-pair span.won{background:var(--tb-accent);}
.dash-group-col small{color:#64748b;font-size:10px;font-weight:800;white-space:nowrap;}
.dyn-list{padding:2px 14px 14px;}
.dyn-list-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;}
.dyn-list-row:last-child{border-bottom:0;}
.dyn-list-row b{display:block;color:#0f172a;font-size:13px;font-weight:850;}
.dyn-list-row span{display:block;color:#64748b;font-size:12px;margin-top:3px;}
.dyn-list-row em{font-style:normal;color:var(--tb-accent);font-size:12px;font-weight:900;white-space:nowrap;}
.dyn-widget-size-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 13px;}
.dyn-widget-size-row .form-group{padding:0!important;}
.dyn-selected-widget{height:38px;border:1px solid #dbe3ec;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#0f172a;font-size:13px;font-weight:850;min-width:0;}
.dyn-selected-widget span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dyn-selected-widget i{color:var(--tb-accent);}
.dyn-settings-panel .form-group{padding:0 16px 13px;}
.dyn-widget-card .dash-donut-wrap,.dyn-widget-card .dash-bars,.dyn-widget-card .dash-line-bars,.dyn-widget-card .dyn-list,.dyn-widget-card .dash-group-bar-wrap{flex:1;min-height:0;overflow:hidden;}
.dyn-widget-height-5 .dash-group-bars,.dyn-widget-height-6 .dash-group-bars,.dyn-widget-height-8 .dash-group-bars{height:220px;}
.dyn-widget-height-5 .dash-line-bars,.dyn-widget-height-6 .dash-line-bars,.dyn-widget-height-8 .dash-line-bars{height:230px;}
.dyn-widget-height-2 .dash-group-legend{margin-bottom:4px;}
.dyn-widget-height-2 .dash-group-bars{height:102px;gap:5px;}
.dyn-widget-height-2 .dash-group-pair{height:72px;}
.dyn-widget-height-2 .dash-group-values{display:none;}
.dyn-widget-height-2 .dash-group-col small{font-size:9px;}
.dyn-save-widget{margin:3px 16px 12px;width:calc(100% - 32px);height:40px;border:0;border-radius:10px;background:var(--tb-accent);color:#fff;font-size:13px;font-weight:900;cursor:pointer;}
.dyn-builder-note{margin:0 16px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:11px;color:#64748b;font-size:12px;line-height:1.5;}
.dynamic-dashboard-page{padding:22px;background:#f8fafc;min-height:calc(100vh - 72px);width:100%;box-sizing:border-box;overflow-x:hidden;}
.dynamic-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;}
.dynamic-dashboard-actions select{height:38px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;padding:0 12px;font-size:13px;font-weight:700;color:#0f172a;}
.dynamic-dashboard-grid{border:1px solid #dfe7ef;border-radius:16px;background-color:#fff;}
.dashboard-warning{margin-bottom:16px;}
@media(max-width:1450px){.dyn-editor-grid{grid-template-columns:280px minmax(520px,1fr) 280px;}.dyn-board-strip{grid-template-columns:1.2fr .7fr .8fr .8fr 120px;}.dyn-board-strip .dyn-assignment-user{grid-column:span 2;}}
@media(max-width:1250px){.dyn-editor-grid{grid-template-columns:270px minmax(0,1fr);}.dyn-settings-panel{grid-column:1/-1;position:static;max-height:none;}.dyn-board-strip{grid-template-columns:1fr 1fr 1fr;}.dyn-left-panel{position:static;max-height:none;}}
@media(max-width:900px){.dyn-editor-grid,.dyn-board-strip{grid-template-columns:1fr;}.dyn-left-panel{height:auto;}.dyn-widget-card{grid-column:span 12!important;}.dynamic-dashboard-head,.dyn-editor-head{flex-direction:column;}.dynamic-dashboard-grid,.dyn-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));}.dash-donut-wrap{grid-template-columns:1fr;}.dash-bar-row{grid-template-columns:82px minmax(0,1fr) 38px;}}
.dash-donut.dash-pie:after{display:none;}
.dash-donut.dash-pie span{background:rgba(255,255,255,.86);width:54px;height:32px;border-radius:18px;margin:auto;inset:0;box-shadow:0 1px 4px rgba(15,23,42,.08);font-size:14px;}
.dash-column-chart{height:160px;padding:12px 16px 16px;display:flex;align-items:flex-end;gap:10px;min-height:0;overflow:hidden;border-bottom:1px solid #e2e8f0;margin:0 12px 12px;}
.dash-column-item{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;text-align:center;}
.dash-column-item em{font-style:normal;color:#64748b;font-size:10px;font-weight:850;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dash-column-item span{width:100%;max-width:26px;background:var(--tb-accent);border-radius:8px 8px 0 0;display:block;min-height:3px;}
.dash-column-item small{color:#64748b;font-size:10px;font-weight:750;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dash-line-chart{height:164px;padding:12px 16px 15px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden;}
.dash-line-chart svg{width:100%;height:128px;background:linear-gradient(to bottom,#fff,#fff),repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#f1f5f9 32px);border-bottom:1px solid #e2e8f0;overflow:visible;}
.dash-line-stroke{fill:none;stroke:var(--tb-accent);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;}
.dash-area-fill{fill:rgba(var(--tb-accent-rgb),.14);stroke:none;}
.dash-line-labels{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#64748b;font-size:10px;font-weight:750;}
.dash-line-labels span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dash-funnel-chart{padding:10px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:0;overflow:hidden;}
.dash-funnel-row{width:100%;display:flex;align-items:center;justify-content:center;}
.dash-funnel-row span{height:30px;min-width:34%;max-width:100%;border-radius:9px;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;box-shadow:0 1px 3px rgba(var(--tb-accent-rgb),.16);}
.dash-funnel-row:nth-child(2n) span{background:#16a085;}
.dash-funnel-row:nth-child(3n) span{background:#3b82f6;}
.dash-funnel-row b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-funnel-row em{font-style:normal;font-size:11px;font-weight:900;white-space:nowrap;}
.dyn-widget-card .dash-column-chart,.dyn-widget-card .dash-line-chart,.dyn-widget-card .dash-funnel-chart{flex:1;min-height:0;}
.dyn-widget-height-5 .dash-column-chart,.dyn-widget-height-6 .dash-column-chart,.dyn-widget-height-8 .dash-column-chart{height:230px;}
.dyn-widget-height-5 .dash-line-chart,.dyn-widget-height-6 .dash-line-chart,.dyn-widget-height-8 .dash-line-chart{height:240px;}
.dyn-widget-height-5 .dash-line-chart svg,.dyn-widget-height-6 .dash-line-chart svg,.dyn-widget-height-8 .dash-line-chart svg{height:200px;}
.dyn-widget-height-2 .dash-column-chart{height:105px;gap:6px;}
.dyn-widget-height-2 .dash-line-chart{height:112px;padding-top:7px;}
.dyn-widget-height-2 .dash-line-chart svg{height:82px;}
.dyn-widget-height-2 .dash-funnel-chart{gap:5px;padding-top:6px;}
.dyn-widget-height-2 .dash-funnel-row span{height:24px;}
.dyn-settings-panel #dynWidgetType{border-color:#bde8dd;background:#f8fffd;font-weight:850;color:#0f172a;}
.dyn-settings-panel #dynWidgetType:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.10);}
.dyn-widget-view{width:28px;height:28px;border-radius:9px;background:#f8fafc;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #e2e8f0;flex:0 0 28px;}
.dyn-widget-view:hover{background:#effbf8;border-color:var(--tb-accent);color:#006b58;}
.dyn-widget-view i{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important;font-size:13px!important;}
.dyn-kpi-click{display:block;text-decoration:none;color:inherit;position:relative;padding-bottom:8px;}
.dyn-kpi-click:hover .dyn-kpi-value{color:var(--tb-accent);}
.dyn-kpi-click>span{display:inline-flex;margin:2px 16px 0;height:26px;align-items:center;border:1px solid #bde8dd;background:#f8fffd;color:var(--tb-accent);border-radius:8px;padding:0 10px;font-size:11px;font-weight:900;}
.dyn-widget-controls{flex-wrap:wrap;justify-content:flex-start!important;}
.dyn-widget-controls select{max-width:105px;min-width:74px;}
.dyn-widget-controls .dyn-widget-color{min-width:92px;}
.dyn-color-preview-row{display:flex;align-items:center;gap:6px;padding:0 16px 13px;margin-top:-4px;}
.dyn-color-preview-row span{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dbe3ec;display:block;}
[data-tip]{position:relative;}
[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:#0f172a;color:#fff;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1.25;white-space:nowrap;z-index:50;box-shadow:0 8px 20px rgba(15,23,42,.18);pointer-events:none;}
[data-tip]:hover:before{content:'';position:absolute;left:50%;bottom:calc(100% + 3px);transform:translateX(-50%);border:5px solid transparent;border-top-color:#0f172a;z-index:51;pointer-events:none;}
.dash-line-chart{--dash-primary:var(--tb-accent);}
.dash-line-stroke{stroke:var(--dash-primary,var(--tb-accent))!important;}
.dash-area-fill{fill:color-mix(in srgb,var(--dash-primary,var(--tb-accent)) 16%,transparent)!important;}
.dash-line-point{fill:#fff;stroke:var(--dash-primary,var(--tb-accent));stroke-width:6;vector-effect:non-scaling-stroke;}
.dyn-chart-theme-blue .dyn-widget-head i,.dyn-chart-theme-blue .dyn-kpi-click>span,.dyn-chart-theme-blue .dyn-widget-view{color:#2563eb;border-color:#bfdbfe;background:#eff6ff;}.dyn-chart-theme-blue .dyn-kpi-click:hover .dyn-kpi-value{color:#2563eb;}
.dyn-chart-theme-purple .dyn-widget-head i,.dyn-chart-theme-purple .dyn-kpi-click>span,.dyn-chart-theme-purple .dyn-widget-view{color:#7c3aed;border-color:#ddd6fe;background:#f5f3ff;}.dyn-chart-theme-purple .dyn-kpi-click:hover .dyn-kpi-value{color:#7c3aed;}
.dyn-chart-theme-orange .dyn-widget-head i,.dyn-chart-theme-orange .dyn-kpi-click>span,.dyn-chart-theme-orange .dyn-widget-view{color:#f97316;border-color:#fed7aa;background:var(--tb-accent-soft-2);}.dyn-chart-theme-orange .dyn-kpi-click:hover .dyn-kpi-value{color:#f97316;}
.dyn-chart-theme-red .dyn-widget-head i,.dyn-chart-theme-red .dyn-kpi-click>span,.dyn-chart-theme-red .dyn-widget-view{color:#dc2626;border-color:#fecaca;background:#fef2f2;}.dyn-chart-theme-red .dyn-kpi-click:hover .dyn-kpi-value{color:#dc2626;}
.dyn-chart-theme-teal .dyn-widget-head i,.dyn-chart-theme-teal .dyn-kpi-click>span,.dyn-chart-theme-teal .dyn-widget-view{color:#0f766e;border-color:var(--tb-accent-border);background:var(--tb-accent-soft);}.dyn-chart-theme-teal .dyn-kpi-click:hover .dyn-kpi-value{color:#0f766e;}
.dyn-chart-theme-indigo .dyn-widget-head i,.dyn-chart-theme-indigo .dyn-kpi-click>span,.dyn-chart-theme-indigo .dyn-widget-view{color:#4f46e5;border-color:#c7d2fe;background:#eef2ff;}.dyn-chart-theme-indigo .dyn-kpi-click:hover .dyn-kpi-value{color:#4f46e5;}
.dyn-chart-theme-pink .dyn-widget-head i,.dyn-chart-theme-pink .dyn-kpi-click>span,.dyn-chart-theme-pink .dyn-widget-view{color:#db2777;border-color:#fbcfe8;background:#fdf2f8;}.dyn-chart-theme-pink .dyn-kpi-click:hover .dyn-kpi-value{color:#db2777;}
.dyn-chart-theme-slate .dyn-widget-head i,.dyn-chart-theme-slate .dyn-kpi-click>span,.dyn-chart-theme-slate .dyn-widget-view{color:#334155;border-color:#cbd5e1;background:#f8fafc;}.dyn-chart-theme-slate .dyn-kpi-click:hover .dyn-kpi-value{color:#334155;}
.dyn-chart-theme-gold .dyn-widget-head i,.dyn-chart-theme-gold .dyn-kpi-click>span,.dyn-chart-theme-gold .dyn-widget-view{color:#ca8a04;border-color:#fef08a;background:#fefce8;}.dyn-chart-theme-gold .dyn-kpi-click:hover .dyn-kpi-value{color:#ca8a04;}
.dyn-widget-card.editing{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.10)}
.dyn-widget-head-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;min-width:auto!important;}
.dyn-widget-edit{width:28px;height:28px;border:1px solid #dbe3ec;background:#fff;color:var(--tb-accent);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;line-height:1;}
.dyn-widget-edit i{width:auto!important;height:auto!important;background:transparent!important;color:var(--tb-accent)!important;font-size:13px!important;flex:0 0 auto!important;}
.dyn-widget-edit:hover{background:#effbf8;border-color:var(--tb-accent);}
.dyn-widget-remove{width:28px;height:28px;border:1px solid #dbe3ec!important;background:#fff!important;color:#94a3b8!important;border-radius:9px!important;font-size:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.dyn-widget-remove:hover{color:#ef4444!important;border-color:#fecaca!important;background:#fff5f5!important;}
.dyn-cancel-widget-edit{width:100%;height:36px;margin-top:9px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:800;cursor:pointer;}
.dyn-cancel-widget-edit:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#f8fffd;}
.dash-filter-pill{height:34px;border:1px solid #cceee7;background:#f1fffb;color:#0f766e;border-radius:18px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap;margin-right:10px;}
.dash-filter-pill i{font-size:13px;}
.dash-filter-pill a{color:#dc2626;text-decoration:none;font-size:11px;font-weight:900;margin-left:4px;}
.dash-filter-pill a:hover{text-decoration:underline;}

/* Query Document Tab Fix */
.bigin-document-box{background:#fff;min-height:100%;border-radius:4px;overflow:hidden}
.bigin-document-head{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #eef2f6;background:#fff}
.bigin-document-head h3{margin:0;color:#111827;font-size:15px;font-weight:600}
.bigin-document-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:400}
.bigin-document-add{height:32px;border:1px solid var(--tb-accent);background:var(--tb-accent);color:#fff;border-radius:17px;padding:0 15px;font-size:13px;font-weight:600;cursor:pointer}
.bigin-document-list{padding:10px 20px 24px;background:#fff}
.bigin-document-person{padding:15px 10px;border-bottom:1px solid #eef2f6}
.bigin-document-person:last-child{border-bottom:0}
.bigin-document-person-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.bigin-document-person-main{display:flex;align-items:center;gap:12px;min-width:260px}
.bigin-document-avatar{width:24px;height:24px;border-radius:50%;background:var(--tb-accent-border);color:#047857;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-document-person-main h4{margin:0;color:#111827;font-size:14px;font-weight:600}
.bigin-document-person-main p{margin:5px 0 0;color:#64748b;font-size:12px}
.bigin-document-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
.bigin-document-actions form{display:inline-flex;margin:0;padding:0}
.bigin-document-actions button{height:30px;border:1px solid #dfe7ef;background:#fff;color:#111827;border-radius:16px;padding:0 13px;font-size:13px;font-weight:600;line-height:28px;cursor:pointer;font-family:inherit}
.bigin-document-actions button:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#fff}
.bigin-document-actions .bigin-document-delete-btn:hover{border-color:#ef4444;color:#dc2626;background:#fff}
.bigin-document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:820px}
.bigin-document-card{display:flex;align-items:center;gap:11px;min-height:48px;border:1px solid #eef2f6;background:#f8fafc;border-radius:4px;padding:9px 10px;text-decoration:none;color:#111827;box-sizing:border-box}
.bigin-document-card:hover{border-color:#dfe7ef;background:#fff}
.bigin-document-file{width:34px;height:34px;border-radius:4px;background:#fff;border:1px solid #dfe7ef;color:var(--tb-accent);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.bigin-document-card>div:nth-child(2){min-width:0;flex:1}
.bigin-document-card h5{margin:0;color:#111827;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-document-card p{margin:4px 0 0;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bigin-document-card-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;margin-left:auto}
.bigin-document-card-actions form{display:inline-flex;margin:0;padding:0}
.bigin-document-card-actions a,.bigin-document-card-actions button{height:26px;border:1px solid #dfe7ef;background:#fff;color:#2563eb;border-radius:14px;padding:0 10px;font-size:12px;font-weight:600;line-height:24px;text-decoration:none;cursor:pointer;font-family:inherit;box-sizing:border-box}
.bigin-document-card-actions button{color:#111827}
.bigin-document-card-actions a:hover{border-color:#2563eb;color:#1d4ed8;background:#fff}
.bigin-document-card-actions button:hover{border-color:#ef4444;color:#dc2626;background:#fff}
.bigin-document-empty{height:42px;display:flex;align-items:center;color:#64748b;font-size:13px;border-top:1px solid #eef2f6}
@media(max-width:1100px){.bigin-document-head{height:auto;align-items:flex-start;flex-direction:column;gap:10px;padding:14px 18px}.bigin-document-person-head{align-items:flex-start;flex-direction:column}.bigin-document-actions{justify-content:flex-start;margin-left:0}.bigin-document-grid{grid-template-columns:1fr;max-width:100%}.bigin-document-card{width:100%}}
.organization-logo-holder{width:300px;min-width:300px;min-height:72px;border:1px solid #e1e8f0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px 10px;box-sizing:border-box;overflow:visible}
.organization-detail-logo{max-width:280px;max-height:64px;width:auto;height:auto;object-fit:contain;display:block}
.organization-logo-upload-row{align-items:flex-start}
.organization-logo-upload-box{width:100%;display:flex;flex-direction:column;gap:8px}
.organization-form-logo-current{width:150px;min-height:54px;border:1px solid #e1e8f0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}
.organization-form-logo-preview{max-width:130px;max-height:48px;width:auto;height:auto;object-fit:contain;display:block}
.organization-logo-upload-box small{color:#64748b;font-size:12px;font-weight:500;line-height:18px}
.query-invoice-brand,.billing-receipt-brand{display:flex;align-items:center;gap:12px;min-width:0}
.query-invoice-logo,.billing-receipt-logo{max-width:135px;max-height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:6px;box-sizing:border-box;flex:0 0 auto}

/* Stage popup manual confirmation and color picker fix */
.stage-color-field.stage-color-small{width:48px;height:36px;border:1px solid #d9e3ec;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;padding:3px;box-sizing:border-box}
.stage-color-field.stage-color-small input[type=color]{width:40px!important;height:28px!important;border:0!important;padding:0!important;background:transparent!important;cursor:pointer}
.stage-color-field.stage-color-small span{display:none!important}
.stage-manual-confirm-check{margin-top:8px}
.stage-manual-confirm-check label{line-height:1.45}
/* Dashboard page fixed layout and clean grid */
.content-area:has(.dynamic-dashboard-page){height:calc(100vh - 47px);overflow:hidden;min-height:0}
.dynamic-dashboard-page{height:100%;min-height:0;overflow:auto}
.dynamic-dashboard-grid{padding:0;border:0;background:transparent;background-color:transparent;border-radius:0}

.dashboard-storage-warning{border-color:#fbbf24;background:var(--tb-accent-soft-2);color:#92400e}.dashboard-storage-warning b{color:#9a3412}.dashboard-storage-warning a{color:var(--tb-accent);font-weight:900;text-decoration:none;margin-left:6px}


/* CRM UI normalization - dashboard/table/buttons/font consistency */
body .dynamic-dashboard-page{background:#f0f7fb!important;padding:14px 16px 24px!important;min-height:calc(100vh - 47px)!important;}
body .content-area:has(.dynamic-dashboard-page){background:#f0f7fb!important;}
body .dynamic-dashboard-grid{padding:0!important;border:0!important;background:transparent!important;gap:10px!important;grid-auto-rows:58px!important;}
body .dyn-layout-grid{gap:10px!important;}
body .dyn-widget-card{border:1px solid #dce7ef!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(15,23,42,.035)!important;min-height:104px!important;}
body .dyn-widget-head{height:36px!important;padding:0 11px!important;}
body .dyn-widget-head i{width:24px!important;height:24px!important;border-radius:8px!important;font-size:12px!important;flex-basis:24px!important;}
body .dyn-widget-head h4{font-size:12px!important;font-weight:600!important;}
body .dyn-kpi-value{font-size:23px!important;font-weight:600!important;padding:2px 14px 0!important;letter-spacing:-.02em!important;}
body .dyn-kpi-sub{font-size:11px!important;padding:4px 14px 10px!important;}
body .dyn-kpi-click span{height:26px!important;min-height:26px!important;border-radius:999px!important;font-size:11px!important;font-weight:600!important;padding:0 10px!important;}
body .dash-donut-wrap{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important;padding:6px 12px 10px!important;}
body .dash-donut{width:92px!important;height:92px!important;}
body .dash-donut:after{inset:19px!important;}
body .dash-donut span{font-size:17px!important;font-weight:600!important;}
body .dash-legend{gap:5px!important;}
body .dash-legend div{font-size:11px!important;}
body .dash-bars{padding:3px 12px 10px!important;gap:8px!important;}
body .dash-bar-row{grid-template-columns:96px minmax(0,1fr) 44px!important;font-size:11px!important;}
body .dash-column-chart{height:126px!important;margin:0 10px 10px!important;padding:8px 12px 12px!important;}
body .dash-line-chart{height:126px!important;margin:0 10px 8px!important;}
body .dyn-list{padding:2px 10px 10px!important;}
body .dyn-list-row{padding:8px 0!important;}
body .dyn-list-row b{font-size:12px!important;font-weight:600!important;}
body .dyn-list-row span{font-size:11px!important;}
body .dyn-org-layout-picker{display:inline-flex;align-items:center;gap:8px;}
body .dyn-org-layout-picker select{height:34px;border:1px solid #d5dee9;border-radius:999px;background:#fff;color:#111827;font-size:12px;font-weight:600;padding:0 28px 0 12px;}
body .itinerary-table th.it-col-image,body .itinerary-table td.itinerary-image-cell{width:74px!important;min-width:74px!important;max-width:74px!important;padding:10px!important;box-sizing:border-box!important;}
body .itinerary-table .itinerary-row-thumb{width:54px!important;height:42px!important;margin:0!important;display:block!important;}
body .itinerary-table th.it-col-title{width:auto!important;}
body .crm-table tbody tr:hover>td,body .client-table tbody tr:hover>td,body .da-table tbody tr:hover>td,body .report-table tbody tr:hover>td,body .itinerary-table tbody tr:hover>td,body table tbody tr:hover>td{background:#f5f8fa!important;}
body .btn-primary-small,body .btn-outline-small,body .tb-primary-btn,body .drawer-save,body .drawer-cancel,body .organization-rate-btn,body .da-primary-btn,body .dyn-save-widget,body .crm-btn,body .greenbtn,body .import-export-btn,body .report-export-btn,body .bank-statement-filter .drawer-save,body .client-add-btn,body .right-drawer .drawer-footer button{height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;line-height:32px!important;padding:0 16px!important;box-sizing:border-box!important;}
body button:not(.mtm-action-icon):not(.client-row-actions button):not(.itinerary-card-actions-btn):not(.itinerary-list-view-settings-btn):not(.dyn-widget-edit):not(.dyn-widget-remove),body a[class*="btn"]{border-radius:999px;}
body h1,body h2,body h3,body h4,body h5,body h6,body b,body strong{font-weight:600;}
body [style*="font-weight:900"],body [style*="font-weight: 900"],body [style*="font-weight:800"],body [style*="font-weight: 800"],body [style*="font-weight:850"],body [style*="font-weight: 850"],body .fw-bold{font-weight:600!important;}
body .organization-logo-holder{width:300px!important;min-width:300px!important;min-height:86px!important;max-height:none!important;padding:10px 12px!important;overflow:visible!important;align-self:flex-start!important;}
body .organization-detail-logo{max-width:276px!important;max-height:82px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;}
body .organization-head{align-items:flex-start!important;}

/* Fixed role dashboard and scroll layout */
html,body{height:100%;overflow:hidden}.crm-header{position:relative;z-index:50;flex:0 0 47px}.crm-layout{height:calc(100vh - 47px);overflow:hidden}.main-menu{height:calc(100vh - 47px);overflow:auto;flex:0 0 64px}.sub-menu{height:calc(100vh - 47px);overflow:auto;flex:0 0 220px}.content-area{height:calc(100vh - 47px);overflow:auto;background:#f0f7ff}.settings-content-box{height:calc(100vh - 94px);overflow:auto}.dynamic-dashboard-actions a[href*="dashboard_editor"],.dynamic-dashboard-actions a[href*="dashboard-editor"]{display:none!important}.tb-fixed-dashboard{min-height:100%;background:#f0f7ff;padding:18px 18px 26px;color:#0f172a}.tb-dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.tb-dash-title{display:flex;align-items:center;gap:13px;min-width:0}.tb-dash-title-icon{width:42px;height:42px;border-radius:13px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto}.tb-dash-title h1{margin:0;font-size:26px;line-height:31px;font-weight:900;letter-spacing:-.03em;color:#0f172a}.tb-dash-title p{margin:3px 0 0;font-size:13px;line-height:18px;font-weight:600;color:#64748b}.tb-dash-title p span{color:var(--tb-accent)}.tb-dash-filter{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tb-dash-filter select,.tb-dash-filter input{height:34px;border:1px solid #d8e3ec;border-radius:17px;background:#fff;color:#0f172a;font-size:12px;font-weight:800;padding:0 12px;outline:none;box-shadow:0 1px 2px rgba(15,23,42,.03)}.tb-dash-filter select:focus,.tb-dash-filter input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.10)}.tb-dash-custom-dates{align-items:center;gap:7px}.tb-dash-custom-dates input{width:112px}.tb-dash-custom-dates button{height:34px;border:0;border-radius:17px;background:var(--tb-accent);color:#fff;font-size:12px;font-weight:900;padding:0 14px}.tb-dash-user-pill{height:34px;border:1px solid #cde9e1;background:#fff;color:#00745f;border-radius:17px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:900}.tb-dash-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.tb-dash-kpi{min-height:112px;background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 2px 8px rgba(15,23,42,.035);padding:16px 16px 13px;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;gap:12px;align-items:flex-start;color:#0f172a;text-decoration:none;position:relative;overflow:hidden}.tb-dash-kpi:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--tb-accent-rgb),.05),transparent 48%);pointer-events:none}.tb-dash-kpi:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.08);border-color:#cfe1eb}.tb-dash-kpi-icon{width:42px;height:42px;border-radius:14px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:19px;position:relative}.tb-dash-kpi span{display:block;color:#334155;font-size:12px;font-weight:900;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-dash-kpi b{display:block;color:#0f172a;font-size:25px;line-height:27px;font-weight:950;letter-spacing:-.03em}.tb-dash-kpi em{display:block;margin-top:7px;color:#64748b;font-size:12px;font-style:normal;font-weight:700}.tb-dash-kpi-arrow{width:22px;height:22px;border-radius:8px;background:#f8fafc;border:1px solid #dfe7ef;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:11px}.tb-dash-tone-blue .tb-dash-kpi-icon,.tb-dash-tone-blue .tb-dash-kpi-arrow{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.tb-dash-tone-green .tb-dash-kpi-icon,.tb-dash-tone-green .tb-dash-kpi-arrow{background:var(--tb-accent-soft-2);color:var(--tb-accent);border-color:var(--tb-accent-border)}.tb-dash-tone-orange .tb-dash-kpi-icon,.tb-dash-tone-orange .tb-dash-kpi-arrow{background:var(--tb-accent-soft-2);color:#f97316;border-color:#fed7aa}.tb-dash-tone-red .tb-dash-kpi-icon,.tb-dash-tone-red .tb-dash-kpi-arrow{background:#fef2f2;color:#dc2626;border-color:#fecaca}.tb-dash-tone-purple .tb-dash-kpi-icon,.tb-dash-tone-purple .tb-dash-kpi-arrow{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.tb-dash-tone-gold .tb-dash-kpi-icon,.tb-dash-tone-gold .tb-dash-kpi-arrow{background:#fefce8;color:#ca8a04;border-color:#fef08a}.tb-dash-tone-slate .tb-dash-kpi-icon,.tb-dash-tone-slate .tb-dash-kpi-arrow{background:#f8fafc;color:#334155;border-color:#cbd5e1}.tb-dash-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-bottom:12px}.tb-dash-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 2px 8px rgba(15,23,42,.035);min-width:0;overflow:hidden}.tb-dash-panel{min-height:235px}.tb-span-3{grid-column:span 3}.tb-span-4{grid-column:span 4}.tb-span-12{grid-column:span 12}.tb-dash-wide{grid-column:span 4}.tb-dash-card-head{height:56px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px}.tb-dash-card-head>div{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:9px;align-items:center;min-width:0}.tb-dash-card-head i:first-child{width:28px;height:28px;border-radius:9px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:14px;grid-row:span 2}.tb-dash-card-head h3{margin:0;color:#0f172a;font-size:14px;font-weight:950;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-dash-card-head p{margin:0;color:#64748b;font-size:11px;font-weight:700;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-dash-card-head a{width:28px;height:28px;border:1px solid #dfe7ef;border-radius:9px;background:#f8fafc;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}.tb-dash-list{padding:8px 12px 12px}.tb-dash-list-row{min-height:37px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;gap:10px}.tb-dash-list-row:last-child{border-bottom:0}.tb-dash-list-row b{display:block;color:#0f172a;font-size:12px;font-weight:900;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tb-dash-list-row span{display:block;color:#64748b;font-size:11px;font-weight:700;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tb-dash-list-row em{font-style:normal;color:var(--tb-accent);font-size:12px;font-weight:950;white-space:nowrap}.tb-dash-empty{margin:14px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:#94a3b8;display:flex;align-items:center;justify-content:center;min-height:112px;font-size:13px;font-weight:800}.tb-dash-bars{padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px}.tb-dash-bar-row{display:grid;grid-template-columns:104px minmax(0,1fr) 42px;gap:10px;align-items:center}.tb-dash-bar-row label{margin:0;color:#475569;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-dash-bar-row div{height:9px;background:#edf2f7;border-radius:9px;overflow:hidden}.tb-dash-bar-row span{display:block;height:100%;background:linear-gradient(90deg,var(--tb-accent),#24c6a2);border-radius:9px}.tb-dash-bar-row b{text-align:right;color:#0f172a;font-size:12px;font-weight:950}.tb-dash-donut-wrap{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;padding:18px 16px 18px}.tb-dash-donut{width:118px;height:118px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04)}.tb-dash-donut:after{content:'';position:absolute;inset:28px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(15,23,42,.06)}.tb-dash-donut span{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:#0f172a;font-size:20px;font-weight:950}.tb-dash-legend{display:flex;flex-direction:column;gap:9px;min-width:0}.tb-dash-legend div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;color:#475569;font-size:12px;font-weight:800}.tb-dash-legend i{width:9px;height:9px;border-radius:50%;display:block}.tb-dash-legend span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-dash-legend b{color:#0f172a;font-weight:950}.tb-dash-muted{color:#94a3b8;font-size:13px;font-weight:800}.tb-dash-trend{padding:8px 14px 16px}.tb-dash-trend-legend{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 2px 9px;color:#64748b;font-size:11px;font-weight:900}.tb-dash-trend-legend span{display:flex;align-items:center;gap:6px}.tb-dash-trend-legend i{width:9px;height:9px;border-radius:3px;background:#d9e2ec}.tb-dash-trend-legend span:nth-child(2) i{background:var(--tb-accent)}.tb-dash-trend-bars{height:163px;border-bottom:1px solid #dfe7ef;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;padding:0 2px}.tb-dash-trend-bars div{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative}.tb-dash-trend-bars span{width:10px;min-height:3px;border-radius:6px 6px 0 0;display:block}.tb-dash-trend-bars span.total{background:#cfe0ed}.tb-dash-trend-bars span.won{background:var(--tb-accent)}.tb-dash-trend-bars small{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);color:#64748b;font-size:10px;font-weight:800}.tb-dash-trend-bars em{position:absolute;top:-1px;color:#94a3b8;font-size:9px;font-weight:900;font-style:normal}.reports-page{min-height:100%;height:auto;background:#f0f7ff}.reports-shell{min-height:calc(100vh - 75px)}.reports-left{position:sticky;top:14px;align-self:start;max-height:calc(100vh - 75px);overflow:auto}.reports-main-card{display:flex;flex-direction:column}.report-table-wrap{max-height:calc(100vh - 390px);overflow:auto}@media(max-width:1400px){.tb-dash-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-span-3{grid-column:span 6}.tb-dash-wide,.tb-span-4{grid-column:span 6}}@media(max-width:900px){html,body{overflow:auto}.crm-layout,.main-menu,.sub-menu,.content-area{height:auto;min-height:calc(100vh - 47px)}.content-area{overflow:visible}.tb-dash-head{display:block}.tb-dash-filter{justify-content:flex-start;margin-top:12px}.tb-dash-kpi-grid{grid-template-columns:1fr}.tb-dash-grid{grid-template-columns:1fr}.tb-span-3,.tb-span-4,.tb-span-12,.tb-dash-wide{grid-column:span 1}.tb-dash-donut-wrap{grid-template-columns:1fr}.reports-left{position:static;max-height:none}.report-table-wrap{max-height:none}}
/* Reports fixed scroll refinement */
.content-area:has(.reports-page){overflow:hidden!important;background:#f0f7ff!important}.reports-page{height:100%!important;min-height:100%!important;overflow:hidden!important;background:#f0f7ff!important}.reports-shell{height:calc(100vh - 75px)!important;min-height:0!important;overflow:hidden!important}.reports-left{position:sticky!important;top:14px!important;align-self:start!important;max-height:calc(100vh - 75px)!important;overflow:auto!important}.reports-main{min-height:0!important;overflow:hidden!important}.reports-body-grid{min-height:0!important;overflow:hidden!important}.reports-card-list{min-height:0!important;max-height:calc(100vh - 220px)!important}.reports-main-card{min-height:0!important;overflow:hidden!important}.report-table-wrap{max-height:calc(100vh - 390px)!important;overflow:auto!important}
/* Requested dashboard/report/client refinements */
.content-area:has(.tb-fixed-dashboard){background:#f0f7fb!important;overflow:auto!important}.tb-fixed-dashboard{background:#f0f7fb!important}.tb-fixed-dashboard .tb-dash-kpi,.tb-fixed-dashboard .tb-dash-card,.tb-fixed-dashboard .tb-dash-filter select,.tb-fixed-dashboard .tb-dash-filter input,.tb-fixed-dashboard .tb-dash-user-pill{background:#fff!important;border:1px solid #dfe7ef91!important;box-shadow:0 2px 8px rgb(15 23 42 / 0%)!important}.tb-fixed-dashboard .tb-dash-kpi:hover,.tb-fixed-dashboard .tb-dash-card:hover{box-shadow:0 2px 8px rgb(15 23 42 / 0%)!important}.tb-fixed-dashboard .tb-dash-list-row,.tb-fixed-dashboard .tb-dash-bar-row,.tb-fixed-dashboard .tb-dash-legend a,.tb-fixed-dashboard .tb-dash-trend-bars a{text-decoration:none;color:inherit}.tb-fixed-dashboard .tb-dash-list-row:hover,.tb-fixed-dashboard .tb-dash-bar-row:hover,.tb-fixed-dashboard .tb-dash-legend a:hover{background:#f8fbfd}.tb-fixed-dashboard .tb-dash-legend a{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center;color:#475569;font-size:12px;font-weight:800;border-radius:8px;padding:1px 3px;margin:-1px -3px}.tb-fixed-dashboard .tb-dash-trend{padding:8px 14px 22px!important}.tb-fixed-dashboard .tb-dash-trend-bars{height:136px!important;padding:0 2px 0!important;box-sizing:border-box!important}.tb-fixed-dashboard .tb-dash-trend-bars a{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative;padding-bottom:18px;box-sizing:border-box}.tb-fixed-dashboard .tb-dash-trend-bars small{bottom:0!important}.tb-fixed-dashboard .tb-dash-trend-bars em{top:-1px!important}.content-area:has(.reports-page){background:#fff!important}.reports-page{background:#fff!important}.reports-shell{background:#fff!important}.client-create-wrap{display:inline-flex!important;align-items:center!important;gap:0!important}.client-create-wrap .create-btn.client-main-create{border-radius:18px 0 0 18px!important;margin-right:0!important}.client-create-wrap .client-create-arrow{border-radius:0 18px 18px 0!important;margin-left:0!important}.organization-logo-holder,.organization-title{margin-top:10px!important}.tb-client-title-autofill{background:#f8fafc!important;color:#64748b!important;cursor:not-allowed!important}
.tb-fixed-dashboard .tb-dash-donut{display:block!important;color:inherit!important;text-decoration:none!important}
/* 2026-06-03 requested organization/dashboard/report refinements */
.content-area:has(.tb-fixed-dashboard){background:#f8fafc!important;overflow:auto!important}.tb-fixed-dashboard{background:#f8fafc!important}.tb-fixed-dashboard .tb-dash-kpi,.tb-fixed-dashboard .tb-dash-card,.tb-fixed-dashboard .tb-dash-filter select,.tb-fixed-dashboard .tb-dash-filter input,.tb-fixed-dashboard .tb-dash-user-pill{background:#fff!important;border:1px solid #dfe7ef91!important;box-shadow:0 2px 8px rgb(15 23 42 / 0%)!important}.tb-fixed-dashboard .tb-dash-kpi:hover,.tb-fixed-dashboard .tb-dash-card:hover{box-shadow:0 2px 8px rgb(15 23 42 / 0%)!important}
.organization-tabs a,.settings-tab,.fields-tabs a,.da-tabs a,.settings-email-tabs a,.client-detail-tabs a,.activity-detail-tabs a,.hotel-master-tabs button{border-radius:0!important}.hotel-master-tabs button{background:#fff!important;border-left:0!important;border-top:0!important;border-right:0!important;box-shadow:none!important}.hotel-master-tabs button.active{border-radius:0!important}.organization-id-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.organization-id-box{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.organization-id-head{padding:14px 15px;border-bottom:1px solid #eef2f7;background:#fbfdff}.organization-id-head b{display:block;color:#111827;font-size:14px;font-weight:600;line-height:18px}.organization-id-head span{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:500}.organization-id-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 12px;padding:14px 15px;align-items:center}.organization-id-fields label{font-size:13px;color:#64748b;font-weight:600}.organization-id-fields input,.organization-id-fields select{height:36px;border:1px solid #dbe5ef;border-radius:4px;background:#fff;color:#111827;font-size:13px;font-weight:500;padding:0 10px;outline:none}.organization-id-fields input:focus,.organization-id-fields select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.09)}.organization-id-note{margin-top:14px;border:1px solid #dfe7ef;border-radius:8px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:500;padding:11px 13px}.organization-id-actions{display:flex;justify-content:flex-end;margin-top:14px}.organization-logo-holder{margin-top:10px!important;margin-bottom:10px!important;min-height:56px!important;max-height:66px!important;padding:10px 12px!important}.organization-detail-logo{height:36px!important;max-height:36px!important;width:auto!important;max-width:276px!important;object-fit:contain!important;display:block!important}
.content-area:has(.reports-page){background:#fff!important;overflow:hidden!important}.reports-page{height:100%!important;min-height:100%!important;overflow:hidden!important;background:#fff!important;padding:0!important;color:#111827!important}.reports-shell{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:0!important;height:calc(100vh - 47px)!important;min-height:0!important;background:#fff!important;overflow:hidden!important}.reports-left{width:220px!important;min-height:0!important;height:100%!important;max-height:none!important;position:static!important;top:auto!important;border:0!important;border-right:1px solid #dfe7ef!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:auto!important}.reports-left-head{padding:8px!important;border-bottom:1px solid #dfe7ef!important}.reports-left-head h2{height:32px!important;display:flex!important;align-items:center!important;font-size:15px!important;font-weight:600!important;color:#111827!important;padding:0 8px!important;margin:0 0 3px!important;line-height:20px!important}.reports-search{height:34px!important;border-radius:4px!important;margin:6px 8px 8px!important}.reports-categories{padding:8px!important}.reports-cat{height:36px!important;border-radius:4px!important;font-size:14px!important;font-weight:500!important;padding:0 10px!important;margin-bottom:2px!important;color:#111827!important}.reports-cat.active,.reports-cat:hover{background:#dceefb!important;color:#111827!important;font-weight:600!important}.reports-main{min-width:0!important;min-height:0!important;overflow:hidden!important;background:#fff!important;display:flex!important;flex-direction:column!important;gap:0!important}.reports-titlebar{height:47px!important;border-bottom:1px solid #dfe7ef!important;padding:0 18px!important;margin:0!important;flex:0 0 47px!important}.reports-titlebar h1{font-size:15px!important;font-weight:600!important;line-height:20px!important}.reports-titlebar p{font-size:12px!important;font-weight:500!important}.reports-filter-card{border:0!important;border-bottom:1px solid #dfe7ef!important;border-radius:0!important;box-shadow:none!important;padding:12px 18px!important;flex:0 0 auto!important}.reports-filter-grid{grid-template-columns:repeat(5,minmax(130px,1fr))!important;gap:10px!important}.reports-filter-field label{font-size:12px!important;font-weight:600!important;color:#64748b!important}.reports-filter-field input,.reports-filter-field select{height:34px!important;border-radius:4px!important;font-size:13px!important;font-weight:500!important}.reports-body-grid{grid-template-columns:300px minmax(0,1fr)!important;gap:0!important;min-height:0!important;overflow:hidden!important;flex:1 1 auto!important}.reports-card-list{border:0!important;border-right:1px solid #dfe7ef!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;max-height:none!important;height:100%!important}.reports-card-list-head{padding:12px 14px!important}.reports-card-list-head h3{font-size:15px!important;font-weight:600!important}.reports-cards{padding:8px!important;max-height:none!important;overflow:auto!important}.report-card{border-radius:6px!important;padding:10px!important;margin-bottom:7px!important;grid-template-columns:22px 1fr 18px!important}.report-card h4{font-size:13px!important;font-weight:600!important}.report-card p{font-size:11px!important;font-weight:500!important}.reports-main-card{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;overflow:hidden!important;height:100%!important;display:flex!important;flex-direction:column!important}.report-detail-head{min-height:56px!important;padding:12px 16px!important;flex:0 0 auto!important}.report-detail-head h2{font-size:16px!important;font-weight:600!important}.report-detail-head p{font-size:12px!important;font-weight:500!important}.report-summary{padding:10px 14px!important;flex:0 0 auto!important}.report-summary-box{border-radius:6px!important;padding:8px 10px!important}.report-summary-box span{font-size:10px!important;font-weight:600!important}.report-summary-box b{font-size:14px!important;font-weight:600!important}.report-table-wrap{max-height:none!important;overflow:auto!important;flex:1 1 auto!important}.report-table th{height:34px!important;font-size:13px!important;font-weight:600!important;background:#fff!important}.report-table td{height:38px!important;font-size:13px!important;font-weight:500!important}.reports-footer{height:44px!important;flex:0 0 44px!important;font-size:12px!important;font-weight:600!important}.reports-btn{height:34px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important}
@media(max-width:1180px){.organization-id-grid{grid-template-columns:1fr}.reports-shell{grid-template-columns:1fr!important}.reports-left{width:100%!important;height:auto!important;border-right:0!important;border-bottom:1px solid #dfe7ef!important}.reports-categories{display:flex!important;overflow:auto!important}.reports-body-grid{grid-template-columns:1fr!important}.reports-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
body .organization-logo-holder{min-height:72px!important;max-height:none!important;margin-top:10px!important;margin-bottom:10px!important;padding:10px 12px!important;}
body .organization-detail-logo{height:40px!important;max-height:40px!important;width:auto!important;max-width:276px!important;object-fit:contain!important;display:block!important;}
.content-area:has(.tb-fixed-dashboard){background:#f8fafc!important;overflow:auto!important}.tb-fixed-dashboard{background:#f8fafc!important}.tb-fixed-dashboard .tb-dash-kpi,.tb-fixed-dashboard .tb-dash-card,.tb-fixed-dashboard .tb-dash-filter select,.tb-fixed-dashboard .tb-dash-filter input,.tb-fixed-dashboard .tb-dash-user-pill{background:#fff!important;border:1px solid #dfe7ef91!important;box-shadow:0 2px 8px rgb(15 23 42 / 0%)!important}
.organization-tabs a,.settings-tabs a,.settings-tab,.fields-tabs a,.da-tabs a,.settings-email-tabs a,.client-detail-tabs a,.activity-detail-tabs a,.activities-tabs a,.hotel-master-tabs button{border-radius:0!important;box-shadow:none!important}.hotel-master-tabs{gap:0!important}.hotel-master-tabs button{border-left:0!important;border-top:0!important;border-right:0!important;background:#fff!important}.hotel-master-tabs button.active{border-radius:0!important}
.tb-activity-calendar{margin:16px;background:#fff;border:1px solid #dfe7ef;border-radius:12px;overflow:hidden;min-height:640px}.tb-activity-calendar-head{height:62px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}.tb-activity-calendar-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800;line-height:22px}.tb-activity-calendar-head p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:600}.tb-activity-calendar-controls{display:flex;align-items:center;gap:8px}.tb-activity-calendar-controls>a{width:34px;height:34px;border:1px solid #d8e3ec;border-radius:18px;background:#fff;color:var(--tb-accent);display:flex;align-items:center;justify-content:center;text-decoration:none}.tb-activity-calendar-controls form{display:flex;align-items:center;gap:8px;margin:0}.tb-activity-calendar-controls select{height:34px;border:1px solid #d8e3ec;border-radius:18px;background:#fff;color:#0f172a;font-size:12px;font-weight:700;padding:0 12px;outline:none}.tb-activity-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #eef2f7;background:#f8fafc}.tb-activity-calendar-week span{height:38px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.tb-activity-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background:#e8eef5;gap:1px}.tb-activity-calendar-day{min-height:116px;background:#fff;padding:10px;box-sizing:border-box;overflow:hidden}.tb-activity-calendar-day.muted{background:#fbfdff}.tb-activity-calendar-day.today{box-shadow:inset 0 0 0 2px var(--tb-accent);background:#f8fffd}.tb-activity-day-number{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.tb-activity-day-number b{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0f172a;font-size:13px;font-weight:900}.tb-activity-calendar-day.today .tb-activity-day-number b{background:var(--tb-accent);color:#fff}.tb-activity-day-number span{color:#94a3b8;font-size:10px;font-weight:800;white-space:nowrap}.tb-activity-day-items{display:flex;flex-direction:column;gap:5px}.tb-activity-cal-item{min-height:26px;border:1px solid #e5edf3;border-radius:8px;background:#f8fafc;display:grid;grid-template-columns:7px 48px minmax(0,1fr);gap:6px;align-items:center;padding:3px 7px;text-decoration:none;color:#0f172a}.tb-activity-cal-item i{width:7px;height:7px;border-radius:50%;background:var(--tb-accent)}.tb-activity-cal-item span{color:#64748b;font-size:10px;font-weight:800;white-space:nowrap}.tb-activity-cal-item b{color:#0f172a;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-cal-event i{background:#2563eb}.tb-cal-call i{background:#f97316}.tb-cal-task i{background:var(--tb-accent)}.tb-activity-more{color:#64748b;font-size:11px;font-weight:800;padding-left:5px}
.tb-dash-kpi b{font-size:18px!important;line-height:22px!important;}
.email-inbox-page{height:calc(100vh - 41px);overflow:auto;background:#f8fafc;padding:18px 20px 24px}.email-inbox-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.email-inbox-head h2{margin:0;color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.02em}.email-inbox-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:500}.email-inbox-config,.email-inbox-refresh{height:34px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600}.email-inbox-filter{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe7ef91;border-radius:12px;padding:12px;margin-bottom:12px}.email-inbox-filter select,.email-inbox-filter input{height:36px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;font-weight:500;padding:0 11px;outline:none}.email-inbox-filter input{width:280px}.email-inbox-filter button{height:36px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700}.email-inbox-stats{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.email-inbox-stats span{height:30px;border:1px solid #dbe5ef;border-radius:16px;background:#fff;display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:#64748b;font-size:12px;font-weight:600}.email-inbox-stats b{color:#0f172a}.email-inbox-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:14px;min-height:calc(100vh - 210px)}.email-inbox-list,.email-inbox-reader{background:#fff;border:1px solid #dfe7ef91;border-radius:14px;box-shadow:0 2px 8px rgb(15 23 42 / 0%);overflow:hidden}.email-inbox-list{overflow:auto}.email-inbox-item{display:block;text-decoration:none;color:#0f172a;border-bottom:1px solid #edf2f7;padding:12px 14px;background:#fff}.email-inbox-item:hover,.email-inbox-item.active{background:#f0fdf9}.email-inbox-item.unread .email-inbox-subject,.email-inbox-item.unread strong{font-weight:800}.email-inbox-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.email-inbox-item-top strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-inbox-item-top span{font-size:11px;color:#64748b;white-space:nowrap}.email-inbox-subject{margin-top:6px;color:#334155;font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-reader-head{padding:18px 20px;border-bottom:1px solid #edf2f7}.email-reader-head h3{margin:0 0 10px;color:#0f172a;font-size:18px;font-weight:700}.email-reader-head p{margin:3px 0;color:#475569;font-size:13px}.email-reader-body{padding:20px;color:#0f172a;font-size:14px;line-height:1.6;overflow:auto;max-height:calc(100vh - 320px)}.email-reader-body img{max-width:100%;height:auto}.email-attachment-list{margin:14px 20px 0;border:1px solid #dbe5ef;border-radius:10px;background:#f8fafc;padding:10px 12px;color:#475569;font-size:13px}.email-inbox-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#64748b;padding:30px}.email-inbox-empty i{font-size:34px;color:var(--tb-accent);margin-bottom:10px}.email-inbox-empty h3{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700}.email-inbox-empty p{margin:0 0 12px;color:#64748b;font-size:13px}.email-inbox-empty a{height:34px;border-radius:18px;background:var(--tb-accent);color:#fff;text-decoration:none;display:inline-flex;align-items:center;padding:0 14px;font-size:13px;font-weight:700}.email-inbox-empty.mini{border:0;min-height:420px}.email-inbox-no-mail{padding:30px;text-align:center;color:#64748b;font-size:13px;font-weight:600}@media(max-width:1100px){.email-inbox-grid{grid-template-columns:1fr}.email-inbox-filter{flex-wrap:wrap}.email-inbox-filter input{width:100%}}

.imap-help-note{margin:6px 0 0 0;font-size:12px;color:#64748b;line-height:18px;}
.imap-help-note b{font-weight:600;color:#0f172a;}
.settings-email-actions.card-action{padding-left:170px;margin-top:14px;margin-bottom:2px;}
.tb-mail-page{height:calc(100vh - 41px);overflow:hidden;background:#f8fafc;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;}
.tb-mail-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex:0 0 auto;}
.tb-mail-topbar h2{margin:0;color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;}
.tb-mail-topbar p{margin:3px 0 0;color:#64748b;font-size:13px;font-weight:600;}
.tb-mail-top-actions a{height:34px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:800;}
.tb-mail-shell{display:grid;grid-template-columns:218px minmax(0,1fr);gap:12px;min-height:0;flex:1;}
.tb-mail-sidebar{background:#fff;border:1px solid #dfe7ef91;border-radius:14px;box-shadow:0 2px 8px rgb(15 23 42 / 0%);padding:12px;min-height:0;overflow:auto;}
.tb-mail-compose{height:40px;width:100%;border:0;border-radius:20px;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:900;cursor:pointer;margin-bottom:12px;}
.tb-mail-folders{display:flex;flex-direction:column;gap:3px;}
.tb-mail-folders a{height:36px;border-radius:9px;text-decoration:none;color:#334155;display:flex;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:750;}
.tb-mail-folders a i{color:#64748b;font-size:14px;width:17px;text-align:center;}
.tb-mail-folders a.active,.tb-mail-folders a:hover{background:#e9f8f4;color:var(--tb-accent);}
.tb-mail-folders a.active i,.tb-mail-folders a:hover i{color:var(--tb-accent);}
.tb-mail-main{background:#fff;border:1px solid #dfe7ef91;border-radius:14px;box-shadow:0 2px 8px rgb(15 23 42 / 0%);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
.tb-mail-toolbar{height:56px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;box-sizing:border-box;flex:0 0 auto;}
.tb-mail-search-form{display:flex;align-items:center;gap:9px;min-width:0;flex:1;}
.tb-mail-search-form select{height:36px;border:1px solid #dbe5ef;border-radius:9px;background:#fff;color:#0f172a;font-size:13px;font-weight:750;padding:0 9px;outline:none;}
.tb-mail-search{height:36px;border:1px solid #dbe5ef;border-radius:18px;background:#f8fafc;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:260px;max-width:520px;flex:1;}
.tb-mail-search i{color:#64748b;font-size:14px;}
.tb-mail-search input{height:34px;border:0;background:transparent;outline:none;width:100%;font-size:13px;font-weight:650;color:#0f172a;}
.tb-mail-search-form button{height:36px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:900;cursor:pointer;}
.tb-mail-icon-btn{width:36px;height:36px;border:1px solid #dbe5ef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#334155;background:#fff;}
.tb-mail-pager{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:800;white-space:nowrap;}
.tb-mail-pager a{width:30px;height:30px;border:1px solid #dbe5ef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#334155;background:#fff;}
.tb-mail-pager a.disabled{opacity:.45;pointer-events:none;}
.tb-mail-content{display:grid;grid-template-columns:480px minmax(0,1fr);min-height:0;flex:1;}
.tb-mail-list{border-right:1px solid #edf2f7;overflow:auto;min-height:0;background:#fff;}
.tb-mail-row{height:46px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:32px 190px minmax(0,1fr) 145px;gap:10px;align-items:center;text-decoration:none;color:#0f172a;padding:0 13px;box-sizing:border-box;background:#fff;}
.tb-mail-row:hover,.tb-mail-row.active{background:#eefbf8;}
.tb-mail-row.unread .tb-mail-sender,.tb-mail-row.unread .tb-mail-subject{font-weight:900;color:#0f172a;}
.tb-mail-row.read .tb-mail-sender,.tb-mail-row.read .tb-mail-subject{font-weight:650;color:#334155;}
.tb-mail-check{color:#64748b;font-size:14px;}
.tb-mail-sender,.tb-mail-subject,.tb-mail-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tb-mail-sender{font-size:13px;}
.tb-mail-subject{font-size:13px;}
.tb-mail-date{font-size:11px;color:#64748b;text-align:right;}
.tb-mail-reader{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden;}
.tb-reader-toolbar{height:44px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:8px;padding:0 14px;flex:0 0 auto;}
.tb-reader-toolbar button{height:30px;border:1px solid #dbe5ef;border-radius:15px;background:#fff;color:#334155;display:inline-flex;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:850;cursor:pointer;}
.tb-reader-toolbar button:hover{border-color:var(--tb-accent);color:var(--tb-accent);background:#f0fdf9;}
.tb-reader-head{padding:16px 18px;border-bottom:1px solid #edf2f7;flex:0 0 auto;}
.tb-reader-head h3{margin:0 0 10px;color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.02em;}
.tb-reader-meta{margin:4px 0;color:#475569;font-size:13px;font-weight:600;}
.tb-reader-attachments{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff;}
.tb-reader-attachments span{border:1px solid #dbe5ef;border-radius:18px;background:#fff;color:#334155;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:800;}
.tb-reader-attachments small{color:#64748b;font-weight:700;}
.tb-reader-body{padding:18px;color:#0f172a;font-size:14px;line-height:1.6;overflow:auto;min-height:0;flex:1;}
.tb-reader-body img{max-width:100%;height:auto;}
.tb-mail-no-mail{padding:34px;text-align:center;color:#64748b;font-size:13px;font-weight:800;}
.tb-mail-compose-modal{position:fixed;right:24px;bottom:0;width:560px;max-width:calc(100vw - 40px);z-index:99999;display:none;}
.tb-mail-compose-modal.show{display:block;}
.tb-compose-box{background:#fff;border:1px solid #dbe5ef;border-radius:14px 14px 0 0;box-shadow:0 20px 60px rgba(15,23,42,.18);overflow:hidden;}
.tb-compose-head{height:42px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:13px;font-weight:900;}
.tb-compose-head button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:26px;cursor:pointer;}
.tb-compose-row{height:42px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;padding:0 12px;box-sizing:border-box;}
.tb-compose-row label{color:#64748b;font-size:12px;font-weight:850;}
.tb-compose-row input{height:36px;border:0;outline:none;color:#0f172a;font-size:13px;font-weight:650;}
.tb-compose-box textarea{width:100%;height:230px;border:0;outline:none;resize:none;padding:14px;box-sizing:border-box;color:#0f172a;font-size:14px;line-height:1.55;font-family:inherit;}
.tb-compose-files{border-top:1px solid #edf2f7;padding:8px 12px;color:#64748b;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tb-compose-files input{display:none;}
.tb-compose-actions{height:50px;border-top:1px solid #edf2f7;display:flex;align-items:center;gap:8px;padding:0 12px;}
.tb-compose-actions button{height:34px;border:1px solid #dbe5ef;border-radius:17px;background:#fff;color:#334155;display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:900;cursor:pointer;}
.tb-compose-actions button:first-child{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff;}
@media(max-width:1200px){.tb-mail-shell{grid-template-columns:180px minmax(0,1fr);}.tb-mail-content{grid-template-columns:420px minmax(0,1fr);}.tb-mail-row{grid-template-columns:28px 150px minmax(0,1fr) 110px;}}
@media(max-width:900px){.tb-mail-shell{grid-template-columns:1fr;}.tb-mail-sidebar{display:none;}.tb-mail-content{grid-template-columns:1fr;}.tb-mail-reader{display:none;}.tb-mail-toolbar{height:auto;align-items:flex-start;flex-direction:column;}.tb-mail-search-form{width:100%;flex-wrap:wrap;}.tb-mail-search{min-width:0;width:100%;}.settings-email-actions.card-action{padding-left:0;}}

/* Gmail-style Mail UI refinements */
body .tb-mail-page{height:calc(100vh - 41px);overflow:hidden;background:#f6f8fc;padding:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;}
body .tb-mail-topbar.gmail-like{height:62px;display:grid;grid-template-columns:218px minmax(320px,720px) minmax(220px,1fr);align-items:center;gap:12px;margin:0;padding:10px 18px 8px;box-sizing:border-box;background:#f6f8fc;flex:0 0 auto;}
body .tb-mail-brand h2{margin:0;color:#1f1f1f;font-size:22px;font-weight:600;letter-spacing:-.01em;}
body .tb-mail-global-search{height:46px;border:0;background:#eaf1fb;border-radius:24px;display:flex;align-items:center;gap:12px;padding:0 16px;box-sizing:border-box;min-width:0;max-width:720px;width:100%;}
body .tb-mail-global-search i{font-size:18px;color:#475569;}
body .tb-mail-global-search input{height:44px;border:0;background:transparent;outline:none;color:#1f2937;font-size:14px;font-weight:500;width:100%;min-width:0;}
body .tb-mail-global-search button{width:34px;height:34px;border:0;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;padding:0;}
body .tb-mail-global-search button:hover{background:#dfe8f6;}
body .tb-mail-top-actions{display:flex;justify-content:flex-end;align-items:center;}
body .tb-mail-top-actions a{height:34px;border:1px solid #dbe5ef;border-radius:18px;background:#fff;color:#0f172a;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:700;}
body .tb-mail-shell.gmail-like{display:grid;grid-template-columns:218px minmax(0,1fr);gap:0;min-height:0;flex:1;}
body .tb-mail-sidebar{background:#f6f8fc;border:0;border-radius:0;box-shadow:none;padding:8px 10px 12px;min-height:0;overflow:auto;}
body .tb-mail-compose{height:56px;width:156px;border:0;border-radius:18px;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer;margin:0 0 12px 0;box-shadow:0 1px 2px rgba(15,23,42,.08);}
body .tb-mail-compose i{font-size:18px;}
body .tb-mail-folders{display:flex;flex-direction:column;gap:1px;}
body .tb-mail-folders a{height:34px;border-radius:0 17px 17px 0;text-decoration:none;color:#202124;display:flex;align-items:center;gap:14px;padding:0 12px 0 18px;font-size:14px;font-weight:500;}
body .tb-mail-folders a i{color:#3c4043;font-size:16px;width:18px;text-align:center;}
body .tb-mail-folders a.active{background:#dbeafe;color:#0f172a;font-weight:700;}
body .tb-mail-folders a:hover{background:#e8eef7;color:#0f172a;}
body .tb-mail-folders a.active i,body .tb-mail-folders a:hover i{color:#0f172a;}
body .tb-mail-main{position:relative;background:#fff;border:0;border-radius:16px 0 0 0;box-shadow:none;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;}
body .tb-mail-list-view{height:100%;min-height:0;display:flex;flex-direction:column;}
body .tb-mail-main.mail-open .tb-mail-list-view{display:none;}
body .tb-mail-toolbar.gmail-like{height:48px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;box-sizing:border-box;flex:0 0 auto;background:#fff;}
body .tb-mail-tools-left{display:flex;align-items:center;gap:10px;min-width:0;}
body .tb-mail-selectbox{width:28px;height:28px;display:flex;align-items:center;justify-content:center;}
body .tb-mail-selectbox input,.tb-mail-check input{width:14px;height:14px;margin:0;accent-color:var(--tb-accent);}
body .tb-mail-tool-icon{width:30px;height:30px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#3c4043;background:transparent;}
body .tb-mail-tool-icon:hover{background:#f1f3f4;}
body .tb-mail-toolbar select{height:32px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;font-weight:600;padding:0 8px;outline:none;}
body .tb-mail-pager{display:flex;align-items:center;gap:6px;color:#5f6368;font-size:12px;font-weight:500;white-space:nowrap;}
body .tb-mail-pager a{width:30px;height:30px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#3c4043;background:transparent;}
body .tb-mail-pager a:hover{background:#f1f3f4;}
body .tb-mail-pager a.disabled{opacity:.35;pointer-events:none;}
body .tb-mail-list{border-right:0;overflow:auto;min-height:0;background:#fff;flex:1;}
body .tb-mail-row{height:40px;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:28px 28px 22px 220px minmax(0,1fr) 112px;gap:8px;align-items:center;text-decoration:none;color:#202124;padding:0 14px;box-sizing:border-box;background:#fff;box-shadow:inset 0 -1px 0 rgba(100,121,143,.06);}
body .tb-mail-row:hover{background:#f2f6fc;box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.08);position:relative;z-index:2;}
body .tb-mail-row.unread{background:#fff;}
body .tb-mail-row.read{background:#f2f6fc;color:#5f6368;}
body .tb-mail-row.unread .tb-mail-sender,body .tb-mail-row.unread .tb-mail-subject,body .tb-mail-row.unread .tb-mail-date{font-weight:700;color:#202124;}
body .tb-mail-row.read .tb-mail-sender,body .tb-mail-row.read .tb-mail-subject{font-weight:500;color:#3c4043;}
body .tb-mail-check{color:#5f6368;font-size:14px;display:flex;align-items:center;justify-content:center;}
body .tb-mail-star{color:#bcc4cf;font-size:15px;text-align:center;}
body .tb-mail-star:hover{color:#fbbc04;}
body .tb-mail-marker{color:#f4c542;font-size:14px;text-align:center;}
body .tb-mail-sender,body .tb-mail-subject,body .tb-mail-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body .tb-mail-sender{font-size:14px;}
body .tb-mail-subject{font-size:14px;}
body .tb-mail-date{font-size:12px;text-align:right;color:#5f6368;}
body .tb-mail-reader-full{display:none;height:100%;min-height:0;background:#fff;overflow:hidden;}
body .tb-mail-reader-full.show{display:block;}
body .tb-mail-reader-full-inner{height:100%;display:flex;flex-direction:column;min-height:0;background:#fff;}
body .tb-reader-gmail-toolbar{height:48px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;padding:0 18px;box-sizing:border-box;flex:0 0 auto;background:#fff;}
body .tb-reader-gmail-toolbar button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#3c4043;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;}
body .tb-reader-gmail-toolbar button:hover{background:#f1f3f4;}
body .tb-reader-gmail-body{padding:24px 28px 44px;overflow:auto;min-height:0;flex:1;background:#fff;}
body .tb-reader-gmail-subject{display:flex;align-items:center;gap:10px;margin:0 0 20px 44px;}
body .tb-reader-gmail-subject h3{margin:0;color:#202124;font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.35;}
body .tb-reader-gmail-subject span{display:inline-flex;align-items:center;height:20px;border-radius:3px;background:#e8eaed;color:#5f6368;font-size:11px;font-weight:600;padding:0 7px;}
body .tb-reader-gmail-meta{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:18px;}
body .tb-reader-avatar{width:36px;height:36px;border-radius:50%;background:#e8eaed;color:#5f6368;display:flex;align-items:center;justify-content:center;font-size:18px;}
body .tb-reader-from{color:#202124;font-size:14px;line-height:20px;word-break:break-word;}
body .tb-reader-to{color:#5f6368;font-size:12px;margin-top:2px;}
body .tb-reader-date{color:#5f6368;font-size:12px;white-space:nowrap;padding-top:2px;}
body .tb-reader-attachments.gmail-style{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px 48px;padding:0;border:0;background:transparent;}
body .tb-reader-attachments.gmail-style span{border:1px solid #dadce0;border-radius:16px;background:#fff;color:#3c4043;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;}
body .tb-reader-message-body{margin-left:48px;max-width:980px;color:#202124;font-size:14px;line-height:1.65;}
body .tb-reader-message-body img{max-width:100%;height:auto;}
body .tb-reader-bottom-actions{margin:28px 0 0 48px;display:flex;align-items:center;gap:8px;}
body .tb-reader-bottom-actions button{height:36px;border:1px solid #dadce0;border-radius:18px;background:#fff;color:#3c4043;display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;cursor:pointer;}
body .tb-reader-bottom-actions button:hover{background:#f8fafc;}
body .tb-mail-loading{position:absolute;left:50%;top:58px;transform:translateX(-50%);height:34px;border-radius:17px;background:#202124;color:#fff;display:none;align-items:center;gap:9px;padding:0 14px;font-size:12px;font-weight:700;z-index:50;box-shadow:0 8px 24px rgba(15,23,42,.18);}
body .tb-mail-loading.show{display:flex;}
body .tb-mail-loading span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:tbMailSpin .8s linear infinite;display:inline-block;}
@keyframes tbMailSpin{to{transform:rotate(360deg)}}
@media(max-width:1200px){body .tb-mail-topbar.gmail-like{grid-template-columns:180px minmax(280px,1fr) auto;}body .tb-mail-shell.gmail-like{grid-template-columns:180px minmax(0,1fr);}body .tb-mail-row{grid-template-columns:28px 26px 20px 160px minmax(0,1fr) 88px;}}
@media(max-width:900px){body .tb-mail-topbar.gmail-like{grid-template-columns:1fr;gap:8px;height:auto;padding:10px;}body .tb-mail-shell.gmail-like{grid-template-columns:1fr;}body .tb-mail-sidebar{display:none;}body .tb-mail-row{grid-template-columns:28px minmax(0,1fr) 82px;}body .tb-mail-star,body .tb-mail-marker,body .tb-mail-sender{display:none;}body .tb-reader-message-body,body .tb-reader-bottom-actions,body .tb-reader-gmail-subject,body .tb-reader-attachments.gmail-style{margin-left:0;}}
body.tb-mail-route-body{overflow:hidden;background:#f6f8fc;}
body.tb-mail-route-body .crm-layout{height:calc(100vh - 47px);overflow:hidden;}
body.tb-mail-route-body .content-area{height:calc(100vh - 47px);overflow:hidden;background:#f6f8fc;}
body.tb-mail-route-body .tb-mail-page{height:calc(100vh - 47px);overflow:hidden;}
body .tb-mail-compose{height:40px;border-radius:20px;}
body .tb-mail-global-search button{width:34px;height:34px;border-radius:50%;background:#fff;color:#334155;box-shadow:0 1px 2px rgba(15,23,42,.06);}
body .tb-mail-global-search button:hover{background:#f8fafc;}
body .tb-mail-row{grid-template-columns:28px 28px 22px 220px minmax(0,1fr) 24px 112px;}
body .tb-mail-attach{color:#5f6368;font-size:15px;text-align:center;display:flex;align-items:center;justify-content:center;min-width:0;}
body .tb-mail-tool-icon{border:0;cursor:pointer;font-size:15px;padding:0;}
body .tb-mail-tool-icon i{line-height:1;}
@media(max-width:1200px){body .tb-mail-row{grid-template-columns:28px 26px 20px 160px minmax(0,1fr) 22px 88px;}}
@media(max-width:900px){body.tb-mail-route-body{overflow:auto;}body.tb-mail-route-body .crm-layout,body.tb-mail-route-body .content-area,body.tb-mail-route-body .tb-mail-page{height:auto;min-height:calc(100vh - 47px);overflow:visible;}body .tb-mail-row{grid-template-columns:28px minmax(0,1fr) 22px 82px;}body .tb-mail-attach{display:flex;}}
body .crm-header .crm-search{gap:0!important;}body .crm-header .search-filter.tbhsr-filter-btn{border-radius:18px 0 0 18px!important;border-right:0!important;margin-right:0!important;}body .crm-header .search-box.tbhsr-search-box{border-radius:0 18px 18px 0!important;margin-left:0!important;}

body .tb-mail-global-search{padding:0 4px 0 16px;}
body .tb-mail-global-search button{width:38px;height:38px;min-width:38px;flex:0 0 38px;border-radius:50%;aspect-ratio:1/1;background:#fff;color:#334155;box-shadow:0 1px 2px rgba(15,23,42,.08);}
body .tb-mail-global-search button i{font-size:18px;line-height:1;}
.tb-compose-head-actions{display:flex;align-items:center;gap:8px;}
.tb-compose-head-actions button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:16px;line-height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.tb-compose-head-actions button:last-child{font-size:20px;line-height:26px;}
.tb-mail-compose-modal.maximized{left:80px;right:24px;top:64px;bottom:18px;width:auto;max-width:none;}
.tb-mail-compose-modal.maximized .tb-compose-box{height:100%;display:flex;flex-direction:column;}
.tb-mail-compose-modal.maximized .tb-compose-box textarea{flex:1;height:auto;min-height:320px;}


/* Attendance module and header widget */
body .tb-attendance-wrap{position:relative;display:inline-flex;align-items:center;margin-right:6px;z-index:75;}
body .tb-attendance-pill{height:34px;border:1px solid #cfe8df;background:var(--tb-accent-soft-2);color:#047857;border-radius:17px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700;line-height:32px;cursor:pointer;white-space:nowrap;}
body .tb-attendance-pill i{font-size:14px;color:var(--tb-accent);}
body .tb-attendance-pill:hover{background:#dcfce7;border-color:var(--tb-accent-border);}
body .tb-attendance-pop{position:absolute;right:0;top:42px;width:286px;background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.14);display:none;overflow:hidden;z-index:1000;}
body .tb-attendance-pop.show{display:block;}
body .tb-att-pop-head{height:44px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f8fafc;}
body .tb-att-pop-head b{font-size:13px;color:#0f172a;font-weight:700;}
body .tb-att-pop-head a{font-size:12px;color:var(--tb-accent);font-weight:700;text-decoration:none;}
body .tb-att-pop-row{min-height:37px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;}
body .tb-att-pop-row:last-child{border-bottom:0;}
body .tb-att-pop-row span{font-size:12px;color:#64748b;font-weight:600;}
body .tb-att-pop-row b{font-size:12px;color:#0f172a;font-weight:700;text-align:right;}
body .attendance-page{height:100%;background:#f8fafc;color:#0f172a;}
body .attendance-main{height:100%;overflow:hidden;}
body .attendance-content{height:calc(100vh - 94px);overflow:auto;background:#f8fafc;border:0;border-radius:0;padding:18px;}
body .attendance-top{background:#fff;border-bottom:1px solid #dfe7ef;}
body .attendance-head-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:16px 18px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 8px rgba(15,23,42,0);}
body .attendance-head-card h2{margin:0 0 4px;font-size:21px;line-height:26px;color:#0f172a;font-weight:700;}
body .attendance-head-card p{margin:0;color:#64748b;font-size:13px;font-weight:600;}
body .attendance-live-pill{height:34px;border:1px solid #cfe8df;background:var(--tb-accent-soft-2);color:#047857;border-radius:17px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;white-space:nowrap;}
body .attendance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;}
body .attendance-kpi{background:#fff;border:1px solid #dfe7ef;border-radius:13px;padding:13px 14px;min-height:78px;box-shadow:0 2px 8px rgba(15,23,42,0);}
body .attendance-kpi span{display:block;font-size:11px;font-weight:700;color:#64748b;margin-bottom:8px;}
body .attendance-kpi b{display:block;font-size:18px;line-height:22px;color:#0f172a;font-weight:700;word-break:break-word;}
body .attendance-kpi a{color:var(--tb-accent);text-decoration:none;}
body .attendance-filter-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 2px 8px rgba(15,23,42,0);}
body .attendance-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;align-items:end;}
body .attendance-filter-grid label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:#64748b;}
body .attendance-filter-grid input,body .attendance-filter-grid select,body .attendance-setting-card input{height:34px;border:1px solid #d5dee9;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;font-weight:600;padding:0 10px;outline:none;width:100%;box-sizing:border-box;}
body .attendance-filter-grid input:focus,body .attendance-filter-grid select:focus,body .attendance-setting-card input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.10);}
body .attendance-filter-actions{display:flex;align-items:center;gap:8px;}
body .attendance-reset-btn{height:34px;border:1px solid #dfe7ef;border-radius:17px;background:#fff;color:#334155;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:12px;font-weight:700;}
body .attendance-export-btn{height:34px;border:1px solid var(--tb-accent-border);background:var(--tb-accent-soft-2);color:#047857;border-radius:17px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;white-space:nowrap;}
body .attendance-table-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,0);}
body .attendance-table-card h3{height:44px;margin:0;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid #edf2f7;color:#0f172a;font-size:15px;font-weight:700;}
body .attendance-table-wrap{overflow:auto;background:#fff;}
body .attendance-table{width:100%;min-width:1050px;border-collapse:collapse;}
body .attendance-table th{height:38px;background:#f8fafc;border-bottom:1px solid #dfe7ef;border-right:1px solid #edf2f7;color:#64748b;text-align:left;font-size:11px;font-weight:700;padding:0 11px;white-space:nowrap;}
body .attendance-table td{height:42px;border-bottom:1px solid #edf2f7;border-right:1px solid #edf2f7;color:#0f172a;font-size:12px;font-weight:600;padding:8px 11px;white-space:nowrap;vertical-align:middle;}
body .attendance-table th:last-child,body .attendance-table td:last-child{border-right:0;}
body .attendance-table td small{display:block;color:#64748b;font-size:11px;font-weight:600;margin-top:2px;}
body .attendance-empty{text-align:center;color:#64748b;padding:34px!important;}
body .attendance-setting-card{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:16px;max-width:760px;box-shadow:0 2px 8px rgba(15,23,42,0);}
body .attendance-setting-card .form-row{display:grid;grid-template-columns:210px minmax(220px,1fr);gap:14px;align-items:center;border-bottom:1px solid #edf2f7;padding:11px 0;}
body .attendance-setting-card .form-row label{font-size:13px;font-weight:700;color:#334155;margin:0;}
body .attendance-save-row{padding-top:16px;display:flex;justify-content:flex-end;}
@media(max-width:1200px){body .attendance-kpis{grid-template-columns:repeat(3,1fr);}body .attendance-filter-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:760px){body .attendance-kpis,body .attendance-filter-grid{grid-template-columns:1fr;}body .attendance-head-card{display:block;}body .attendance-live-pill{margin-top:12px;}body .tb-attendance-pill span{max-width:86px;overflow:hidden;text-overflow:ellipsis;}body .attendance-setting-card .form-row{grid-template-columns:1fr;gap:7px;}}

/* TravBizz professional alerts and confirmations */
body .tb-toast-stack{position:fixed;left:20px;bottom:18px;width:360px;max-width:calc(100vw - 40px);z-index:999999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
body .tb-toast{position:relative;min-height:72px;background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 16px 42px rgba(15,23,42,.16);display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:10px;align-items:flex-start;padding:14px 13px 14px 13px;overflow:hidden;transform:translateX(-24px);opacity:0;transition:all .24s ease;pointer-events:auto;}
body .tb-toast.show{transform:translateX(0);opacity:1;}
body .tb-toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;}
body .tb-toast-success .tb-toast-icon{background:#e8f9f0;color:var(--tb-accent);}
body .tb-toast-error .tb-toast-icon{background:#fee2e2;color:#dc2626;}
body .tb-toast-warning .tb-toast-icon{background:var(--tb-accent-soft-2);color:#ea580c;}
body .tb-toast-info .tb-toast-icon{background:#eff6ff;color:#2563eb;}
body .tb-toast-text{min-width:0;padding-top:1px;}
body .tb-toast-text b{display:block;font-size:13px;line-height:17px;color:#0f172a;font-weight:800;margin-bottom:3px;}
body .tb-toast-text span{display:block;font-size:12px;line-height:17px;color:#475569;font-weight:600;word-break:break-word;}
body .tb-toast-close{width:22px;height:22px;border:0;background:transparent;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:20px;cursor:pointer;}
body .tb-toast-close:hover{background:#f1f5f9;color:#0f172a;}
body .tb-toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;animation:tbToastProgress 4.2s linear forwards;}
body .tb-toast-success .tb-toast-progress{background:var(--tb-accent);}
body .tb-toast-error .tb-toast-progress{background:#ef4444;}
body .tb-toast-warning .tb-toast-progress{background:#f97316;}
body .tb-toast-info .tb-toast-progress{background:#3b82f6;}
@keyframes tbToastProgress{from{transform:scaleX(1);}to{transform:scaleX(0);}}
body .tb-alert-overlay{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:999998;padding:18px;}
body .tb-alert-overlay.show{display:flex;}
body .tb-alert-modal{width:500px;max-width:calc(100vw - 36px);background:#fff;border:1px solid rgba(223,231,239,.95);border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.24);display:grid;grid-template-columns:96px minmax(0,1fr);overflow:hidden;animation:tbAlertPop .18s ease;}
@keyframes tbAlertPop{from{transform:translateY(8px) scale(.98);opacity:.7;}to{transform:translateY(0) scale(1);opacity:1;}}
body .tb-alert-icon{grid-row:1/2;width:48px;height:48px;border-radius:50%;margin:30px 0 0 28px;display:flex;align-items:center;justify-content:center;font-size:23px;}
body .tb-alert-warning .tb-alert-icon{background:#fff1eb;color:#ef4444;}
body .tb-alert-error .tb-alert-icon{background:#fee2e2;color:#dc2626;}
body .tb-alert-success .tb-alert-icon{background:#e8f9f0;color:var(--tb-accent);}
body .tb-alert-info .tb-alert-icon{background:#eff6ff;color:#2563eb;}
body .tb-alert-content{padding:31px 30px 26px 0;min-width:0;}
body .tb-alert-content h3{margin:0 0 10px;color:#0f172a;font-size:19px;line-height:24px;font-weight:800;letter-spacing:-.01em;}
body .tb-alert-content p{margin:0;color:#475569;font-size:14px;line-height:21px;font-weight:600;word-break:break-word;}
body .tb-alert-actions{grid-column:1/3;border-top:1px solid #edf2f7;background:#fff;display:flex;justify-content:flex-end;gap:10px;padding:16px 30px 18px;}
body .tb-alert-actions button{height:38px;border-radius:9px;padding:0 22px;font-size:13px;font-weight:800;cursor:pointer;}
body .tb-alert-cancel{background:#fff;border:1px solid #d8e1ec;color:#334155;}
body .tb-alert-cancel:hover{background:#f8fafc;}
body .tb-alert-ok{background:var(--tb-accent);border:1px solid var(--tb-accent);color:#fff;}
body .tb-alert-warning .tb-alert-ok{background:#e11d48;border-color:#e11d48;}
body .tb-alert-error .tb-alert-ok{background:#dc2626;border-color:#dc2626;}
body .tb-alert-info .tb-alert-ok{background:#2563eb;border-color:#2563eb;}
body .tb-alert-success .tb-alert-ok{background:var(--tb-accent);border-color:var(--tb-accent);}
@media(max-width:620px){body .tb-toast-stack{left:12px;bottom:12px;width:calc(100vw - 24px);}body .tb-alert-modal{grid-template-columns:72px minmax(0,1fr);}body .tb-alert-icon{width:40px;height:40px;margin:24px 0 0 18px;font-size:19px;}body .tb-alert-content{padding:24px 18px 22px 0;}body .tb-alert-actions{padding:14px 18px;}}

/* Payments module */
.payments-page{height:calc(100vh - 47px);background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.payments-head h2{margin:0;font-size:18px;font-weight:700;color:#0f172a;line-height:1.2;}
.payments-head p{margin:4px 0 0;font-size:12px;font-weight:500;color:#64748b;}
.payments-head-actions{display:flex;align-items:center;gap:10px;}
.payments-tab{height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe7ef;border-radius:18px;background:#fff;color:#334155;text-decoration:none;font-size:13px;font-weight:700;padding:0 16px;}
.payments-tab.active{background:var(--tb-accent-soft);border-color:var(--tb-accent);color:var(--tb-accent);}
.payments-content{flex:1;min-height:0;overflow:hidden;padding:14px 18px 0;background:#fff;display:flex;flex-direction:column;}
.payments-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:14px;flex:0 0 auto;}
.payments-summary-grid>div{height:74px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;padding:13px 16px;box-shadow:0 2px 8px rgb(15 23 42 / 0%);}
.payments-summary-grid span{display:block;font-size:12px;font-weight:700;color:#64748b;margin-bottom:7px;}
.payments-summary-grid b{display:block;font-size:18px;font-weight:800;color:#0f172a;}
.payments-filter-card{border:1px solid #dfe7ef;border-radius:12px;background:#fff;margin:0 0 14px;padding:14px;flex:0 0 auto;}
.payments-filter-grid{display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr 1fr auto;gap:10px;align-items:end;}
.payments-filter-grid label{display:block;font-size:12px;font-weight:700;color:#64748b;margin-bottom:6px;}
.payments-filter-grid input,.payments-filter-grid select{width:100%;height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;font-size:13px;font-weight:600;padding:0 10px;outline:0;}
.payments-filter-grid input:focus,.payments-filter-grid select:focus{border-color:var(--tb-accent);box-shadow:0 0 0 2px rgba(var(--tb-accent-rgb),.10);}
.payments-filter-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.payments-filter-actions a{height:34px;border:1px solid #dfe7ef;border-radius:17px;background:#fff;color:#334155;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex;align-items:center;padding:0 14px;gap:6px;}
.payments-filter-actions .payments-export-btn{background:var(--tb-accent-soft-2);border-color:var(--tb-accent-border);color:#047857;}
.payments-table-card{border:1px solid #dfe7ef;border-radius:12px;background:#fff;overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column;}
.payments-table-head{height:60px;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:0 0 auto;}
.payments-table-head h3{margin:0;font-size:15px;font-weight:800;color:#0f172a;}
.payments-table-head p{margin:4px 0 0;font-size:12px;font-weight:600;color:#64748b;}
.payments-table-wrap{width:100%;overflow:auto;flex:1;min-height:0;}
.payments-table{width:100%;border-collapse:collapse;min-width:1240px;}
.payments-table th{height:36px;background:#f8fafc;border-bottom:1px solid #dfe7ef;color:#475569;font-size:12px;font-weight:800;text-align:left;padding:0 12px;white-space:nowrap;position:sticky;top:0;z-index:2;}
.payments-table td{height:52px;border-bottom:1px solid #edf2f7;color:#0f172a;font-size:13px;font-weight:600;padding:8px 12px;vertical-align:middle;white-space:nowrap;}
.payments-table td a{color:#2563eb;text-decoration:none;font-weight:800;}
.payments-table td small{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:11px;font-weight:600;margin-top:3px;}
.payments-status{height:24px;display:inline-flex;align-items:center;border-radius:12px;padding:0 10px;font-size:11px;font-weight:800;text-transform:capitalize;}
.payments-status.paid{background:#dcfce7;color:var(--tb-accent);}
.payments-status.pending,.payments-status.scheduled{background:#fef3c7;color:#b45309;}
.payments-status.overdue{background:#fee2e2;color:#dc2626;}
.payments-status.partial{background:#e0e7ff;color:#4338ca;}
.payments-row-actions{display:flex;align-items:center;gap:7px;}
.payments-row-actions button,.payments-row-actions a{height:28px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;color:#334155;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer;}
.payments-row-actions button:first-child{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff;}
.payments-row-actions button.danger{background:#fff;border-color:#fecaca;color:#dc2626;}
.payments-row-actions form{margin:0;display:inline-flex;}
.payments-empty{text-align:center!important;color:#64748b!important;height:90px!important;}
.payments-footer-bar{height:39px;flex:0 0 39px;margin:0 -18px;background:#fff;}
@media(max-width:1200px){.payments-filter-grid{grid-template-columns:1fr 1fr 1fr}.payments-summary-grid{grid-template-columns:repeat(2,1fr)}.payments-filter-actions{grid-column:1/-1}}
@media(max-width:700px){.payments-filter-grid,.payments-summary-grid{grid-template-columns:1fr}.payments-head{height:auto!important;padding:12px 14px!important;align-items:flex-start!important;gap:10px!important;flex-direction:column!important}.payments-content{padding:12px 12px 0}.payments-footer-bar{margin:0 -12px}.payments-footer-bar .client-footer-stats{display:none}}


.organization-theme-card{padding:22px 22px 18px;background:#fff;border:1px solid #dfe7ef91;border-radius:12px;}
.organization-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;margin-top:6px;}
.organization-theme-option{position:relative;display:flex;flex-direction:column;gap:12px;min-height:210px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;padding:14px;cursor:pointer;transition:.18s;}
.organization-theme-option:hover{border-color:var(--tb-accent-border);box-shadow:0 8px 22px rgba(15,23,42,.06);}
.organization-theme-option.active{border-color:var(--tb-accent);box-shadow:0 0 0 1px rgba(var(--tb-accent-rgb),.08);}
.organization-theme-option input{display:none;}
.organization-theme-option em{position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-style:normal;}
.organization-theme-preview{height:92px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;position:relative;overflow:hidden;}
.organization-theme-preview span{display:block;position:absolute;}
.theme-preview-sidebar{left:0;top:0;width:28px;height:100%;background:#f5fafc;border-right:1px solid #e2e8f0;}
.theme-preview-header{left:28px;right:0;top:0;height:18px;background:#fff;border-bottom:1px solid #e2e8f0;}
.theme-preview-card{height:22px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;left:44px;right:18px;}
.theme-preview-card.one{top:31px;}.theme-preview-card.two{top:61px;}
.theme-preview-line{height:5px;border-radius:4px;background:#dbeafe;left:58px;right:42px;}
.theme-preview-line.one{top:39px;}.theme-preview-line.two{top:69px;}
.organization-theme-preview-bigin_dark_header .theme-preview-sidebar,.organization-theme-preview-bigin_dark_header .theme-preview-header{background:#073b4c;border-color:#0f5266;}
.organization-theme-preview-bigin_dark_header{background:#f8fafc;}
.organization-theme-preview-light_blue_crm{background:#f0f7fb;}.organization-theme-preview-light_blue_crm .theme-preview-sidebar{background:#e6f4ff;}.organization-theme-preview-light_blue_crm .theme-preview-header{background:#fff;}
.organization-theme-preview-full_dark{background:#020617;border-color:#1f2937;}.organization-theme-preview-full_dark .theme-preview-sidebar,.organization-theme-preview-full_dark .theme-preview-header{background:#0f172a;border-color:#1e293b;}.organization-theme-preview-full_dark .theme-preview-card{background:#111827;border-color:#1f2937;}.organization-theme-preview-full_dark .theme-preview-line{background:var(--tb-accent);}
.organization-theme-info b{display:block;color:#111827;font-size:14px;font-weight:800;margin-bottom:7px;}
.organization-theme-info span{display:block;color:#64748b;font-size:12px;font-weight:600;line-height:18px;}
.organization-theme-summary{margin-top:18px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:16px;}
.organization-theme-summary h4{margin:0 0 8px;color:#111827;font-size:15px;font-weight:800;}
.organization-theme-summary-title{color:var(--tb-accent);font-size:15px;font-weight:900;margin-bottom:12px;}
.organization-theme-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px;}
.organization-theme-summary-grid div{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:10px 12px;}
.organization-theme-summary-grid span{display:block;color:#64748b;font-size:11px;font-weight:700;margin-bottom:5px;}
.organization-theme-summary-grid b{display:block;color:#111827;font-size:13px;font-weight:800;}
.tb-theme-bigin_dark_header .crm-header{background:#073b4c;border-bottom-color:#062f3a;color:#e5f6f3;}
.tb-theme-bigin_dark_header .crm-brand .brand-name{color:#fff;}
.tb-theme-bigin_dark_header .search-filter{background:#0b4a5f;border-color:#155e75;color:#e2e8f0;}
.tb-theme-bigin_dark_header .search-filter i{color:#9ccbd6;}
.tb-theme-bigin_dark_header .search-box{background:#0b4a5f;border-color:#155e75;}
.tb-theme-bigin_dark_header .search-box input{color:#fff;}.tb-theme-bigin_dark_header .search-box input::placeholder{color:#b6cbd6;}
.tb-theme-bigin_dark_header .search-box i,.tb-theme-bigin_dark_header .top-icon{color:#cfe7ee;}
.tb-theme-bigin_dark_header .plan-text{color:#dbeafe;}.tb-theme-bigin_dark_header .main-menu{background:#073b4c;border-right-color:#062f3a;}.tb-theme-bigin_dark_header .main-menu-item{color:#dbeafe;}.tb-theme-bigin_dark_header .main-menu-item i{color:#cfe7ee;}.tb-theme-bigin_dark_header .main-menu-item:hover{background:#0b4a5f;}.tb-theme-bigin_dark_header .main-menu-item.active{background:var(--tb-accent);color:#fff;}.tb-theme-bigin_dark_header .main-menu-item.active i{color:#fff;}
.tb-theme-light_blue_crm .crm-layout,.tb-theme-light_blue_crm .content-area{background:#f0f7fb;}.tb-theme-light_blue_crm .main-menu{background:#eaf7ff;}.tb-theme-light_blue_crm .crm-header{background:#fff;}.tb-theme-light_blue_crm .settings-content-box,.tb-theme-light_blue_crm .settings-main{background:#f8fbff;}
.tb-theme-full_dark{background:#020617;color:#e5e7eb;}.tb-theme-full_dark .crm-header{background:#0f172a;border-bottom-color:#1e293b;}.tb-theme-full_dark .crm-brand .brand-name,.tb-theme-full_dark .plan-text{color:#f8fafc;}.tb-theme-full_dark .crm-layout,.tb-theme-full_dark .content-area{background:#020617;}.tb-theme-full_dark .main-menu{background:#0f172a;border-right-color:#1e293b;}.tb-theme-full_dark .main-menu-item{color:#cbd5e1;}.tb-theme-full_dark .main-menu-item i{color:#94a3b8;}.tb-theme-full_dark .main-menu-item.active{background:var(--tb-accent);color:#fff;}.tb-theme-full_dark .sub-menu,.tb-theme-full_dark .settings-left,.tb-theme-full_dark .settings-main,.tb-theme-full_dark .settings-content-box{background:#0b1120;border-color:#1e293b;}.tb-theme-full_dark .sub-head h4,.tb-theme-full_dark .template-title,.tb-theme-full_dark .template-item,.tb-theme-full_dark .settings-title,.tb-theme-full_dark .settings-group-title,.tb-theme-full_dark .settings-left-link,.tb-theme-full_dark .settings-tab{color:#e5e7eb;}.tb-theme-full_dark .crm-table thead th,.tb-theme-full_dark .crm-table tbody td,.tb-theme-full_dark .settings-table thead th,.tb-theme-full_dark .settings-table tbody td{background:#0f172a;color:#e5e7eb;border-color:#1e293b;}.tb-theme-full_dark .search-filter,.tb-theme-full_dark .search-box,.tb-theme-full_dark .view-select,.tb-theme-full_dark .settings-search{background:#111827;border-color:#334155;color:#e5e7eb;}.tb-theme-full_dark .search-box input,.tb-theme-full_dark .settings-search input{color:#e5e7eb;}
@media(max-width:1100px){.organization-theme-grid{grid-template-columns:repeat(2,minmax(190px,1fr));}.organization-theme-summary-grid{grid-template-columns:repeat(2,minmax(140px,1fr));}}

/* Theme refinement: controlled themes, accent colors and beveled grouped buttons */
.organization-theme-option[data-theme-key="full_dark"]{display:none!important;}
.organization-theme-accent-box{margin-top:18px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:16px;}
.organization-theme-accent-box h4{margin:0 0 5px;color:#111827;font-size:15px;font-weight:800;}
.organization-theme-accent-box p{margin:0 0 12px;color:#64748b;font-size:12px;font-weight:600;}
.organization-theme-accent-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.organization-theme-accent{height:34px;border:1px solid #dfe7ef;border-radius:18px;background:#fff;color:#111827;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;cursor:pointer;position:relative;}
.organization-theme-accent i{width:14px;height:14px;border-radius:50%;background:var(--accent-color);box-shadow:inset 0 0 0 2px rgba(255,255,255,.30);}
.organization-theme-accent.active{border-color:var(--accent-color);box-shadow:0 0 0 1px rgba(0,0,0,.02),0 4px 12px rgba(15,23,42,.06);}
.organization-theme-accent b{width:18px;height:18px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;}
body{--tb-accent:#009a70;--tb-accent-top:#00ad82;--tb-accent-hover:#00845f;--tb-accent-soft:#e7f7f3;--tb-accent-text:#007f67;--tb-accent-rgb:0,154,112;}
body.tb-accent-travbizz_green{--tb-accent:#009a70;--tb-accent-top:#00ad82;--tb-accent-hover:#00845f;--tb-accent-soft:#e7f7f3;--tb-accent-text:#007f67;--tb-accent-rgb:0,154,112;}
body.tb-accent-nature_green{--tb-accent:#16a34a;--tb-accent-top:#22c55e;--tb-accent-hover:#15803d;--tb-accent-soft:#ecfdf5;--tb-accent-text:#15803d;--tb-accent-rgb:22,163,74;}
body.tb-accent-ocean_blue{--tb-accent:#0284c7;--tb-accent-top:#0ea5e9;--tb-accent-hover:#0369a1;--tb-accent-soft:#eff6ff;--tb-accent-text:#0369a1;--tb-accent-rgb:2,132,199;}
body.tb-accent-royal_blue{--tb-accent:#2563eb;--tb-accent-top:#3b82f6;--tb-accent-hover:#1d4ed8;--tb-accent-soft:#eef4ff;--tb-accent-text:#1d4ed8;--tb-accent-rgb:37,99,235;}
body.tb-accent-purple{--tb-accent:#7c3aed;--tb-accent-top:#8b5cf6;--tb-accent-hover:#6d28d9;--tb-accent-soft:#f5f3ff;--tb-accent-text:#6d28d9;--tb-accent-rgb:124,58,237;}
body.tb-accent-orange{--tb-accent:#f97316;--tb-accent-top:#fb923c;--tb-accent-hover:#ea580c;--tb-accent-soft:#fff7ed;--tb-accent-text:#c2410c;--tb-accent-rgb:249,115,22;}
body.tb-accent-rose{--tb-accent:#e11d48;--tb-accent-top:#f43f5e;--tb-accent-hover:#be123c;--tb-accent-soft:#fff1f2;--tb-accent-text:#be123c;--tb-accent-rgb:225,29,72;}
body .top-add,body .create-btn,body .settings-add-btn,body .btn-primary-small,body .tb-primary-btn,body .drawer-save,body .greenbtn,body .organization-rate-btn,body .da-primary-btn,body .dyn-save-widget,body .import-export-btn,body .report-export-btn,body .client-add-btn,body .payments-row-actions button:first-child{background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;border:1px solid var(--tb-accent)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 5px rgba(var(--tb-accent-rgb),.20)!important;}
body .top-add:hover,body .create-btn:hover,body .settings-add-btn:hover,body .btn-primary-small:hover,body .tb-primary-btn:hover,body .drawer-save:hover,body .greenbtn:hover,body .organization-rate-btn:hover,body .da-primary-btn:hover,body .dyn-save-widget:hover,body .import-export-btn:hover,body .report-export-btn:hover,body .client-add-btn:hover,body .payments-row-actions button:first-child:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;}
body .client-create-wrap{display:inline-flex!important;align-items:center!important;gap:0!important;filter:drop-shadow(0 2px 4px rgba(var(--tb-accent-rgb),.16));}
body .client-create-wrap .create-btn.client-main-create{height:34px!important;border-radius:18px 0 0 18px!important;border:1px solid var(--tb-accent)!important;border-right:1px solid rgba(255,255,255,.30)!important;margin:0!important;background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.08)!important;}
body .client-create-wrap .client-create-arrow{height:34px!important;width:34px!important;border-radius:0 18px 18px 0!important;border:1px solid var(--tb-accent)!important;border-left:0!important;margin:0!important;background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.08)!important;}
body .client-create-wrap .client-create-arrow:hover,body .client-create-wrap .create-btn.client-main-create:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;}
body .organization-tabs a.active,body .settings-tab.active,body .payments-tab.active,body .organization-theme-option.active{border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;}
body .organization-tabs a.active:after,body .settings-tab.active:after{background:var(--tb-accent)!important;}
body .organization-theme-option em,.organization-theme-summary-title{background:var(--tb-accent)!important;color:#fff!important;}
body .organization-theme-summary-title{background:transparent!important;color:var(--tb-accent-text)!important;}
body .main-menu-item.active i{background:var(--tb-accent-soft)!important;color:var(--tb-accent)!important;}
body .main-menu-item.active span{color:var(--tb-accent)!important;}
body .main-menu-item:hover i{color:var(--tb-accent)!important;}
body .tb-attendance-pill{border-color:rgba(var(--tb-accent-rgb),.22)!important;color:var(--tb-accent-text)!important;background:var(--tb-accent-soft)!important;}
body.tb-theme-bigin_dark_header .crm-header{background:#063847!important;border-bottom-color:#052b36!important;color:#e5f6f3!important;}
body.tb-theme-bigin_dark_header .brand-name,body.tb-theme-bigin_dark_header .plan-text,body.tb-theme-bigin_dark_header .top-icon{color:#e5f6f3!important;}
body.tb-theme-bigin_dark_header .search-filter,body.tb-theme-bigin_dark_header .search-box{background:#0b4a5f!important;border-color:#155e75!important;color:#e2e8f0!important;}
body.tb-theme-bigin_dark_header .search-box input{color:#fff!important;}body.tb-theme-bigin_dark_header .search-box input::placeholder{color:#b7ccd5!important;}body.tb-theme-bigin_dark_header .search-box i,body.tb-theme-bigin_dark_header .search-filter i{color:#cfe7ee!important;}
body.tb-theme-bigin_dark_header .main-menu{background:#063847!important;border-right-color:#052b36!important;}
body.tb-theme-bigin_dark_header .main-menu:after,body.tb-theme-bigin_dark_header .main-menu:hover:after{background:#063847!important;border-right-color:#052b36!important;box-shadow:8px 0 22px rgba(2,23,31,.22)!important;}
body.tb-theme-bigin_dark_header .main-menu-item{background:transparent!important;color:#cfe7ee!important;}
body.tb-theme-bigin_dark_header .main-menu-item i{background:transparent!important;color:#cfe7ee!important;}
body.tb-theme-bigin_dark_header .main-menu-item span{background:#063847!important;color:#dbeafe!important;}
body.tb-theme-bigin_dark_header .main-menu-item:hover i,body.tb-theme-bigin_dark_header .main-menu-item:hover span{background:#0b4a5f!important;color:#fff!important;}
body.tb-theme-bigin_dark_header .main-menu-item.active i{background:var(--tb-accent)!important;color:#fff!important;}
body.tb-theme-bigin_dark_header .main-menu-item.active span{background:#0b4a5f!important;color:#fff!important;font-weight:700!important;}
body.tb-theme-bigin_dark_header .settings-left,body.tb-theme-bigin_dark_header .sub-menu{background:#063847!important;border-right-color:#052b36!important;}
body.tb-theme-bigin_dark_header .settings-left-link,body.tb-theme-bigin_dark_header .settings-group-title,body.tb-theme-bigin_dark_header .sub-head h4,body.tb-theme-bigin_dark_header .pipeline-tab{color:#dbeafe!important;}
body.tb-theme-bigin_dark_header .settings-left-link:hover,body.tb-theme-bigin_dark_header .pipeline-tab:hover{background:#0b4a5f!important;color:#fff!important;}
body.tb-theme-bigin_dark_header .settings-left-link.active,body.tb-theme-bigin_dark_header .pipeline-tab.active{background:rgba(var(--tb-accent-rgb),.20)!important;color:#fff!important;border-color:rgba(var(--tb-accent-rgb),.34)!important;}
body.tb-theme-light_blue_crm .crm-layout,body.tb-theme-light_blue_crm .content-area{background:#f0f7fb!important;}body.tb-theme-light_blue_crm .main-menu{background:#eaf7ff!important;border-right-color:#d7edf8!important;}body.tb-theme-light_blue_crm .main-menu:hover:after{background:#eaf7ff!important;border-right-color:#d7edf8!important;}body.tb-theme-light_blue_crm .main-menu-item span{background:#eaf7ff!important;}body.tb-theme-light_blue_crm .settings-left,body.tb-theme-light_blue_crm .sub-menu{background:#f2f9ff!important;border-color:#d7edf8!important;}body.tb-theme-light_blue_crm .crm-header{background:#fff!important;}
body.tb-theme-full_dark .organization-theme-option[data-theme-key="full_dark"]{display:none!important;}

/* Theme dynamic accent full pass: keep current layout, only replace hard-coded CRM accent green */
body{--tb-accent:#009a70;--tb-accent-top:#00ad82;--tb-accent-hover:#00845f;--tb-accent-soft:#e7f7f3;--tb-accent-soft-2:#f2fbf8;--tb-accent-border:#bfeadd;--tb-accent-text:#007f67;--tb-accent-rgb:0,154,112;}
body.tb-accent-travbizz_green{--tb-accent:#009a70;--tb-accent-top:#00ad82;--tb-accent-hover:#00845f;--tb-accent-soft:#e7f7f3;--tb-accent-soft-2:#f2fbf8;--tb-accent-border:#bfeadd;--tb-accent-text:#007f67;--tb-accent-rgb:0,154,112;}
body.tb-accent-nature_green{--tb-accent:#16a34a;--tb-accent-top:#22c55e;--tb-accent-hover:#15803d;--tb-accent-soft:#ecfdf5;--tb-accent-soft-2:#f0fdf4;--tb-accent-border:#bbf7d0;--tb-accent-text:#15803d;--tb-accent-rgb:22,163,74;}
body.tb-accent-ocean_blue{--tb-accent:#0284c7;--tb-accent-top:#0ea5e9;--tb-accent-hover:#0369a1;--tb-accent-soft:#e0f2fe;--tb-accent-soft-2:#f0f9ff;--tb-accent-border:#bae6fd;--tb-accent-text:#0369a1;--tb-accent-rgb:2,132,199;}
body.tb-accent-royal_blue{--tb-accent:#2563eb;--tb-accent-top:#3b82f6;--tb-accent-hover:#1d4ed8;--tb-accent-soft:#eaf1ff;--tb-accent-soft-2:#f3f7ff;--tb-accent-border:#bfdbfe;--tb-accent-text:#1d4ed8;--tb-accent-rgb:37,99,235;}
body.tb-accent-purple{--tb-accent:#7c3aed;--tb-accent-top:#8b5cf6;--tb-accent-hover:#6d28d9;--tb-accent-soft:#f3e8ff;--tb-accent-soft-2:#faf5ff;--tb-accent-border:#ddd6fe;--tb-accent-text:#6d28d9;--tb-accent-rgb:124,58,237;}
body.tb-accent-orange{--tb-accent:#f97316;--tb-accent-top:#fb923c;--tb-accent-hover:#ea580c;--tb-accent-soft:#ffedd5;--tb-accent-soft-2:#fff7ed;--tb-accent-border:#fed7aa;--tb-accent-text:#c2410c;--tb-accent-rgb:249,115,22;}
body.tb-accent-rose{--tb-accent:#e11d48;--tb-accent-top:#f43f5e;--tb-accent-hover:#be123c;--tb-accent-soft:#ffe4e6;--tb-accent-soft-2:#fff1f2;--tb-accent-border:#fecdd3;--tb-accent-text:#be123c;--tb-accent-rgb:225,29,72;}

body .crm-brand .brand-icon,body .filter-round,body .more-btn,body .settings-tab:hover,body .settings-row-btn:hover,body .settings-row-btn.permission,body .settings-row-btn.permission:hover,body .field-module-actions button:hover,body .fe-hide-btn:hover,body .fe-unused-row button,body .form-left-field button,body .automation-summary-card em,body .automation-nav a.active,body .gs-tabs a.active,body .hotel-master-tabs button.active,body .itinerary-table .itinerary-row-title:hover,body .itinerary-row-price,body .itinerary-row-actions a:hover,body .itinerary-row-actions button:hover,body .quote-master-card small,body .itinerary-service-quote-form .quote-master-import-btn,body .query-detail-page .client-detail-tabs a:hover,body .client-detail-tabs a:hover,body .activity-detail-tabs a:hover,body .tb-dash-card-head a,body .tb-dash-list-row em,body .tb-dash-kpi a,body .reports-card-list a:hover,body .report-card:hover h4,body .reports-cat.active i,body .reports-cat:hover i{color:var(--tb-accent-text)!important;}
body .filter-round,body .more-btn,body .settings-profile-badge,body .settings-access-tag.full,body .settings-status-dot.active,body .settings-email-status.active,body .email-info-icon,body .automation-rule-icon,body .automation-empty-icon,body .automation-run-status.success,body .pipeline-tab.active,body .stage-pipeline-card.active,body .stage-pipeline-name em,body .fields-custom-btn:hover,body .form-left-tabs span.active,body .payments-tab.active,body .report-card.active,body .reports-cat.active,body .reports-cat:hover,body .tb-dash-card-head i:first-child,body .tb-dash-card-head a,body .tb-dash-empty,body .tb-attendance-pill,body .itinerary-table .itinerary-row-dests span,body .grand-total-row{background:var(--tb-accent-soft)!important;color:var(--tb-accent-text)!important;}
body .right-drawer,body .hotel-master-modal-box,body .hotel-master-manage-box{border-top-color:var(--tb-accent)!important;}
body .drawer-control:focus,body .email-control:focus,body .organization-id-fields input:focus,body .organization-id-fields select:focus,body input:focus,body select:focus,body textarea:focus{border-color:var(--tb-accent)!important;box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.08)!important;}
body input[type="checkbox"],body input[type="radio"]{accent-color:var(--tb-accent)!important;}

body .top-add,body .create-btn,body .settings-add-btn,body .settings-save-btn,body .btn-primary-small,body .tb-primary-btn,body .drawer-save,body .greenbtn,body .organization-rate-btn,body .da-primary-btn,body .dyn-save-widget,body .import-export-btn,body .report-export-btn,body .client-add-btn,body .stage-page-head button,body .stage-primary-btn,body .fields-custom-actions button:last-child,body .fields-editor-footer .drawer-save,body .rename-module-form .drawer-save,body .stage-popup-footer .drawer-save,body .forms-head-actions button:first-child,body .form-builder-toolbar .form-builder-save,body .form-share-box button,body .form-share-copy button,body .form-share-row button,body .form-basic-footer .drawer-save,body .automation-builder-head button,body .send-mail-btn,body .query-detail-page .send-mail-btn,body .crm-media-tabs button.active,body .crm-media-use-btn,body .tb-mail-compose,body .tb-compose-actions button:first-child,body .cost-save-btn,body .itinerary-actions-card .save-green,body #itineraryMasterModal .quote-master-search button,body #itineraryMasterModal .quote-master-card button,body .hotel-master-update,body .payments-row-actions button:first-child,body .reports-btn[type="submit"],body .reports-btn.search,body .reports-filter-card button[type="submit"],body .activity-add-btn,body .calendar-add-btn,body .bank-statement-filter .drawer-save{background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;border-color:var(--tb-accent)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 6px rgba(var(--tb-accent-rgb),.18)!important;}
body .top-add:hover,body .create-btn:hover,body .settings-add-btn:hover,body .settings-save-btn:hover,body .btn-primary-small:hover,body .tb-primary-btn:hover,body .drawer-save:hover,body .greenbtn:hover,body .organization-rate-btn:hover,body .da-primary-btn:hover,body .dyn-save-widget:hover,body .import-export-btn:hover,body .report-export-btn:hover,body .client-add-btn:hover,body .stage-page-head button:hover,body .stage-primary-btn:hover,body .fields-custom-actions button:last-child:hover,body .forms-head-actions button:first-child:hover,body .form-builder-toolbar .form-builder-save:hover,body .form-share-box button:hover,body .form-share-copy button:hover,body .form-share-row button:hover,body .send-mail-btn:hover,body .tb-mail-compose:hover,body .tb-compose-actions button:first-child:hover,body .cost-save-btn:hover,body .itinerary-actions-card .save-green:hover,body #itineraryMasterModal .quote-master-search button:hover,body #itineraryMasterModal .quote-master-card button:hover,body .hotel-master-update:hover,body .payments-row-actions button:first-child:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;}
body .fields-custom-btn,body .itinerary-service-quote-form .quote-master-import-btn,body .payments-filter-actions .payments-export-btn,body .report-export-btn.outline,body .btn-outline-small,body .quote-master-import-btn,body .itinerary-service-card button{border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;background:#fff!important;}
body .fields-custom-btn:hover,body .itinerary-service-quote-form .quote-master-import-btn:hover,body .payments-filter-actions .payments-export-btn:hover,body .btn-outline-small:hover,body .quote-master-import-btn:hover,body .itinerary-service-card button:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;}

body .organization-tabs a.active,body .settings-tab.active,body .fields-tabs a.active,body .form-builder-tabs a.active,body .settings-email-tabs a.active,body .da-tabs a.active,body .gs-tabs a.active,body .client-view-tabs span.active,body .client-detail-tabs a.active,body .activity-detail-tabs a.active,body .activities-tabs a.active,body .query-detail-page .client-detail-tabs a.active,body .query-bigin-tabs a.active,body .hotel-master-tabs button.active{border-bottom-color:var(--tb-accent)!important;color:#111827!important;}
body .organization-tabs a.active:after,body .settings-tab.active:after,body .fields-tabs a.active:after,body .client-detail-tabs a.active:after{background:var(--tb-accent)!important;}
body .payments-tab.active{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;}
body .organization-theme-option.active{border-color:var(--tb-accent)!important;box-shadow:0 0 0 1px rgba(var(--tb-accent-rgb),.08)!important;}
body .organization-theme-option em,body .organization-theme-accent.active b{background:var(--tb-accent)!important;color:#fff!important;}
body .organization-theme-summary-title{color:var(--tb-accent-text)!important;background:transparent!important;}

body .tb-dash-bar-row span,body .tb-dash-trend-legend span:nth-child(2) i,body .tb-dash-trend-bars span.won,body .settings-email-status.active span,body .settings-user-license-bar span,body .profile-switch input:checked+span,body .forms-status-toggle.active,body .grand-total-row{background:var(--tb-accent)!important;}
body .grand-total-row{background:var(--tb-accent-soft)!important;color:var(--tb-accent-text)!important;}
body .tb-dash-bar-row span{background:linear-gradient(90deg,var(--tb-accent-hover),var(--tb-accent-top))!important;}
body .tb-dash-card-head i:first-child{background:var(--tb-accent-soft)!important;color:var(--tb-accent-text)!important;}
body .tb-dash-card-head a{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent-border)!important;color:var(--tb-accent-text)!important;}

body .client-create-wrap,body .top-create-group,body .btn-group-add,body .tb-btn-group{display:inline-flex!important;align-items:center!important;gap:0!important;filter:drop-shadow(0 2px 4px rgba(var(--tb-accent-rgb),.16));}
body .client-create-wrap .create-btn.client-main-create,body .client-create-wrap .client-create-arrow,body .top-create-group .create-btn,body .top-create-group .create-arrow,body .btn-group-add .create-btn,body .btn-group-add .create-arrow,body .tb-btn-group .create-btn,body .tb-btn-group .create-arrow{height:34px!important;background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;border:1px solid var(--tb-accent)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.08)!important;}
body .client-create-wrap .create-btn.client-main-create,body .top-create-group .create-btn,body .btn-group-add .create-btn,body .tb-btn-group .create-btn{border-radius:18px 0 0 18px!important;border-right:1px solid rgba(255,255,255,.28)!important;margin:0!important;}
body .client-create-wrap .client-create-arrow,body .top-create-group .create-arrow,body .btn-group-add .create-arrow,body .tb-btn-group .create-arrow{border-radius:0 18px 18px 0!important;border-left:0!important;margin:0!important;min-width:34px!important;width:34px!important;padding:0!important;}
body .client-create-wrap .create-btn.client-main-create:hover,body .client-create-wrap .client-create-arrow:hover,body .top-create-group .create-btn:hover,body .top-create-group .create-arrow:hover,body .btn-group-add .create-btn:hover,body .btn-group-add .create-arrow:hover,body .tb-btn-group .create-btn:hover,body .tb-btn-group .create-arrow:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;}

body.tb-theme-bigin_dark_header .crm-header{background:#063847!important;border-bottom-color:#052b36!important;color:#e5f6f3!important;}
body.tb-theme-bigin_dark_header .crm-brand .brand-name,body.tb-theme-bigin_dark_header .plan-text,body.tb-theme-bigin_dark_header .top-icon{color:#e5f6f3!important;}
body.tb-theme-bigin_dark_header .search-filter,body.tb-theme-bigin_dark_header .search-box{background:#0b4a5f!important;border-color:#155e75!important;color:#e2e8f0!important;}
body.tb-theme-bigin_dark_header .search-box input{color:#fff!important;}body.tb-theme-bigin_dark_header .search-box input::placeholder{color:#b7ccd5!important;}body.tb-theme-bigin_dark_header .search-box i,body.tb-theme-bigin_dark_header .search-filter i{color:#cfe7ee!important;}
body.tb-theme-bigin_dark_header .main-menu,body.tb-theme-bigin_dark_header .settings-left,body.tb-theme-bigin_dark_header .sub-menu{background:#063847!important;border-color:#052b36!important;}
body.tb-theme-bigin_dark_header .main-menu:after,body.tb-theme-bigin_dark_header .main-menu:hover:after{background:#063847!important;border-right-color:#052b36!important;box-shadow:8px 0 22px rgba(2,23,31,.22)!important;}
body.tb-theme-bigin_dark_header .main-menu-item,body.tb-theme-bigin_dark_header .main-menu-item i,body.tb-theme-bigin_dark_header .main-menu-item span,body.tb-theme-bigin_dark_header .settings-left-link,body.tb-theme-bigin_dark_header .settings-group-title,body.tb-theme-bigin_dark_header .sub-head h4,body.tb-theme-bigin_dark_header .pipeline-tab,body.tb-theme-bigin_dark_header .template-title,body.tb-theme-bigin_dark_header .template-item{background:transparent!important;color:#dbeafe!important;}
body.tb-theme-bigin_dark_header .main-menu-item:hover i,body.tb-theme-bigin_dark_header .main-menu-item:hover span,body.tb-theme-bigin_dark_header .settings-left-link:hover,body.tb-theme-bigin_dark_header .pipeline-tab:hover,body.tb-theme-bigin_dark_header .template-item:hover{background:#0b4a5f!important;color:#fff!important;}
body.tb-theme-bigin_dark_header .main-menu-item.active i{background:var(--tb-accent)!important;color:#fff!important;}
body.tb-theme-bigin_dark_header .main-menu-item.active span,body.tb-theme-bigin_dark_header .settings-left-link.active,body.tb-theme-bigin_dark_header .pipeline-tab.active{background:rgba(var(--tb-accent-rgb),.20)!important;color:#fff!important;border-color:rgba(var(--tb-accent-rgb),.34)!important;font-weight:700!important;}
body.tb-theme-bigin_dark_header .settings-main,body.tb-theme-bigin_dark_header .settings-content-box,body.tb-theme-bigin_dark_header .content-area{background:#fff!important;}
body.tb-theme-light_blue_crm .crm-layout,body.tb-theme-light_blue_crm .content-area,body.tb-theme-light_blue_crm .settings-main,body.tb-theme-light_blue_crm .settings-content-box{background:#f0f7fb!important;}
body.tb-theme-light_blue_crm .main-menu,body.tb-theme-light_blue_crm .settings-left,body.tb-theme-light_blue_crm .sub-menu{background:#eaf7ff!important;border-color:#d7edf8!important;}
body.tb-theme-light_blue_crm .main-menu:hover:after{background:#eaf7ff!important;border-right-color:#d7edf8!important;}
body.tb-theme-light_blue_crm .main-menu-item span{background:#eaf7ff!important;}
body.tb-theme-light_blue_crm .crm-header{background:#fff!important;}

/* Deep dynamic accent cleanup: removes leftover static green from module pages and hover states */
body .organization-theme-option:hover,body .organization-theme-option.active,body .report-card.active,body .report-card:hover,body .stage-pipeline-card.active,body .payments-tab.active,body .calendar-day.today,body .activity-calendar-day.today,body .activity-calendar-day.selected,body .itinerary-day-list .active,body .day-card.active,body .itinerary-day-item.active,body .travel-info-card,body .query-info-box.green,body .package-option-card.active{border-color:var(--tb-accent)!important;}
body .organization-theme-option:hover,body .organization-theme-option.active,body .report-card.active,body .reports-cat.active,body .reports-cat:hover,body .stage-pipeline-card.active,body .payments-tab.active,body .calendar-day.today,body .activity-calendar-day.today,body .activity-calendar-day.selected,body .itinerary-day-list .active,body .day-card.active,body .itinerary-day-item.active,body .travel-info-card,body .query-info-box.green,body .package-option-card.active,body .selected-itinerary-option,body .media-tab.active,body .mail-folder.active,body .tb-mail-folder.active{background:var(--tb-accent-soft)!important;}
body .organization-theme-option em,body .organization-theme-summary-title,body .selected-currency-badge,body .settings-user-license-text em,body .settings-row-btn.permission,body .settings-email-tabs a.active,body .organization-tabs a.active,body .fields-tabs a.active,body .activities-tabs a.active,body .hotel-master-tabs button.active,body .report-card.active h4,body .report-card:hover h4,body .reports-cat.active,body .reports-cat:hover,body .reports-cat.active i,body .reports-cat:hover i,body .calendar-day.today .day-number,body .activity-calendar-day.today .activity-cal-date,body .activity-calendar-day.selected .activity-cal-date,body .query-detail-left i,body .query-detail-stats em,body .query-detail-page .amount-green,body .billing-summary b,body .payment-total-box b,body .costing-total-box b,body .package-option-price,body .itinerary-total-price,body .itinerary-row-price,body .itinerary-price,body .itinerary-service-price,body .preview-cost-total,body .grand-total-row b,body .media-card .use-this,body .crm-search-results a:hover b,body .crm-search-results .view-all,body .quote-master-card small,body .quote-master-import-card small,body .quote-master-price-row strong{color:var(--tb-accent-text)!important;}
body .hotel-master-tabs button.active,body .organization-tabs a.active,body .settings-tabs a.active,body .settings-tab.active,body .fields-tabs a.active,body .da-tabs a.active,body .settings-email-tabs a.active,body .client-detail-tabs a.active,body .activity-detail-tabs a.active,body .activities-tabs a.active,body .query-bigin-tabs a.active,body .query-detail-page .client-detail-tabs a.active,body .itinerary-builder-tabs a.active,body .media-tabs button.active{border-bottom-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;}
body .btn-success,body .button-success,body .save-btn,body .search-btn,body .add-btn,body .primary-btn,body .btn-green,body .green-btn,body .mail-send-btn,body .media-search-btn,body .media-use-btn,body .crm-media-use-btn,body .crm-media-tabs button.active,body .tb-mail-compose,body .tb-compose-actions button:first-child,body .send-mail-btn,body .query-detail-page .send-mail-btn,body .cost-save-btn,body .save-costing-btn,body .itinerary-save-costing,body .itinerary-preview-download,body .quote-master-price-toggle,body .quote-master-price-row button,body #itineraryMasterModal .quote-master-search button,body #itineraryMasterModal .quote-master-card button,body .hotel-master-search-btn,body .hotel-master-add-btn,body .hotel-master-price-btn,body .activity-add-btn,body .calendar-add-btn,body .payments-search-btn,body .reports-btn.search,body .reports-filter-card button[type="submit"],body .preview-download-btn,body .preview-send-btn{background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;border-color:var(--tb-accent)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 7px rgba(var(--tb-accent-rgb),.18)!important;}
body .btn-success:hover,body .button-success:hover,body .save-btn:hover,body .search-btn:hover,body .add-btn:hover,body .primary-btn:hover,body .btn-green:hover,body .green-btn:hover,body .mail-send-btn:hover,body .media-search-btn:hover,body .media-use-btn:hover,body .crm-media-use-btn:hover,body .send-mail-btn:hover,body .cost-save-btn:hover,body .save-costing-btn:hover,body .itinerary-save-costing:hover,body .quote-master-price-toggle:hover,body .quote-master-price-row button:hover,body #itineraryMasterModal .quote-master-search button:hover,body #itineraryMasterModal .quote-master-card button:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;}
body .btn-outline-success,body .outline-green,body .btn-green-outline,body .hotel-master-tabs button,body .hotel-master-card .price-btn,body .hotel-master-card .add-price-btn,body .hotel-master-card .prices-btn,body .master-action-price,body .master-action-add-price,body .quote-master-import-btn,body .itinerary-service-quote-form .quote-master-import-btn,body .itinerary-add-service,body .itinerary-copy-btn,body .itinerary-edit-day,body .itinerary-actions-card a,body .itinerary-actions-card button:not(.save-green),body .preview-send-email,body .media-card .use-this,body .media-card .preview-btn,body .activity-actions button,body .pipeline-detail-head button{border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;background:#fff!important;}
body .btn-outline-success:hover,body .outline-green:hover,body .btn-green-outline:hover,body .hotel-master-tabs button:hover,body .hotel-master-card .price-btn:hover,body .hotel-master-card .add-price-btn:hover,body .hotel-master-card .prices-btn:hover,body .master-action-price:hover,body .master-action-add-price:hover,body .quote-master-import-btn:hover,body .itinerary-service-quote-form .quote-master-import-btn:hover,body .itinerary-add-service:hover,body .itinerary-copy-btn:hover,body .itinerary-edit-day:hover,body .itinerary-actions-card a:hover,body .itinerary-actions-card button:not(.save-green):hover,body .preview-send-email:hover,body .media-card .use-this:hover,body .media-card .preview-btn:hover,body .activity-actions button:hover,body .pipeline-detail-head button:hover{background:var(--tb-accent-soft)!important;border-color:var(--tb-accent)!important;color:var(--tb-accent-text)!important;}
body .costing-total-box,body .grand-total-row,body .preview-grand-total,body .cost-summary-total,body .package-total-box,body .tb-dash-card-head i:first-child,body .crm-search-result-icon,body .mail-folder.active,body .tb-mail-folder.active,body .media-tabs button.active,body .selected-currency-badge,body .query-detail-page .info-highlight,body .travel-info-card,body .itinerary-builder-left .active{background:var(--tb-accent-soft)!important;color:var(--tb-accent-text)!important;}
body [style*="#008c72"],body [style*="#009a70"],body [style*="#00a884"],body [style*="#008f72"],body [style*="#008060"],body [style*="#009966"],body [style*="#009879"],body [style*="#13a085"],body [style*="green"]{color:var(--tb-accent-text)!important;border-color:var(--tb-accent)!important;}
body [style*="background:#008c72"],body [style*="background:#009a70"],body [style*="background:#00a884"],body [style*="background:#009879"],body [style*="background: #13a085"],body [style*="background:green"]{background:var(--tb-accent)!important;color:#fff!important;}
body [style*="#e7f7"],body [style*="#e9f7"],body [style*="#e9fb"],body [style*="#dff5"],body [style*="#eefb"],body [style*="#effa"],body [style*="#f0fd"]{background:var(--tb-accent-soft)!important;}
body .top-add,body .create-btn,body .client-create-btn{border-radius:18px 0 0 18px!important;}body .client-create-arrow,body .top-add-arrow,body .create-btn-arrow,body .dropdown-toggle-split{border-radius:0 18px 18px 0!important;border-left:1px solid rgba(255,255,255,.25)!important;background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;}body .create-btn-group .create-btn,body .btn-group .create-btn,body .btn-group .tb-primary-btn{border-radius:18px 0 0 18px!important;}

/* Theme button accent safety fixes */
body .tb-primary-btn,body .ai-itinerary-create-btn,body .top-add,body .create-btn,body .settings-add-btn,body .settings-save-btn,body .drawer-save,body .greenbtn,body .organization-rate-btn,body .da-primary-btn,body .dyn-save-widget,body .import-export-btn,body .report-export-btn,body .client-add-btn,body .activity-add-btn,body .calendar-add-btn,body .send-mail-btn,body .query-detail-page .send-mail-btn,body .cost-save-btn,body .crm-media-use-btn,body .tb-mail-compose{background:linear-gradient(180deg,var(--tb-accent-top),var(--tb-accent))!important;border-color:var(--tb-accent)!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;}
body .tb-primary-btn:hover,body .ai-itinerary-create-btn:hover,body .top-add:hover,body .create-btn:hover,body .settings-add-btn:hover,body .settings-save-btn:hover,body .drawer-save:hover,body .greenbtn:hover,body .organization-rate-btn:hover,body .da-primary-btn:hover,body .dyn-save-widget:hover,body .import-export-btn:hover,body .report-export-btn:hover,body .client-add-btn:hover,body .activity-add-btn:hover,body .calendar-add-btn:hover,body .send-mail-btn:hover,body .query-detail-page .send-mail-btn:hover,body .cost-save-btn:hover,body .crm-media-use-btn:hover,body .tb-mail-compose:hover{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;color:#fff!important;box-shadow:none!important;filter:none!important;}
body .top-add-arrow,body .create-btn-arrow,body .client-create-arrow,body .dropdown-toggle-split{background:linear-gradient(180deg,var(--tb-accent),var(--tb-accent-hover))!important;border-color:var(--tb-accent)!important;color:#fff!important;box-shadow:none!important;filter:none!important;}
body.tb-theme-bigin_dark_header .settings-title{color:#fff!important;}
body:not(.tb-theme-bigin_dark_header) .settings-title{color:#111827!important;}

/* Marketing module */
.tb-marketing-layout{align-items:stretch;background:#f0f7fb;overflow:hidden}.tb-marketing-left{height:100%;overflow:auto;padding-top:14px}.tb-marketing-left .settings-title{margin-bottom:10px}.tb-marketing-left .settings-left-link{display:flex;align-items:center;gap:10px}.tb-marketing-main{min-width:0;height:100%;overflow:auto;padding:0 18px 22px;background:#f0f7fb}.tb-marketing-top{height:auto;min-height:74px;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0 12px;margin:0 0 14px;background:#f0f7fb;position:sticky;top:0;z-index:8}.tb-marketing-breadcrumb{font-size:12px;color:#6b7280;margin-bottom:5px}.tb-marketing-subtitle{margin:4px 0 0;color:#6b7280;font-size:13px;line-height:18px}.tb-marketing-layout .settings-content-box{height:auto;min-height:0;overflow:visible}.tb-marketing-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}.tb-marketing-stat{min-height:96px;background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(15,23,42,.04);display:grid;gap:5px}.tb-marketing-stat span{width:34px;height:34px;border-radius:10px;background:#eaf8f2;color:#059669;display:flex;align-items:center;justify-content:center;font-size:18px}.tb-marketing-stat small{color:#6b7280;font-size:12px}.tb-marketing-stat b{font-size:22px;color:#111827;line-height:1}.tb-marketing-stat.warning span{background:#fff7ed;color:#f97316}.tb-marketing-stat.blue span{background:#eff6ff;color:#2563eb}.tb-marketing-stat.danger span{background:#fff1f2;color:#e11d48}.tb-marketing-stat.purple span{background:#f5f3ff;color:#7c3aed}.tb-marketing-box{height:auto;min-height:0;overflow:visible;background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(15,23,42,.04);margin-bottom:14px}.tb-marketing-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;margin-bottom:14px}.tb-marketing-grid.two{grid-template-columns:minmax(360px,.75fr) minmax(0,1fr)}.tb-marketing-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tb-marketing-section-head h3{font-size:15px;font-weight:700;color:#111827;margin:0}.tb-marketing-section-head span,.tb-marketing-section-head a{font-size:12px;color:#007a5a;text-decoration:none}.tb-marketing-channel-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.tb-marketing-channel{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:13px;display:flex;align-items:center;gap:12px;position:relative}.tb-marketing-channel i{width:34px;height:34px;border-radius:10px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}.tb-marketing-channel b{display:block;font-size:14px;color:#111827}.tb-marketing-channel small{font-size:12px;color:#6b7280;line-height:17px}.tb-marketing-channel.active{border-color:#16a34a;background:#f0fdf4}.tb-marketing-channel.active i{background:#dcfce7;color:#16a34a}.tb-marketing-channel.active span{width:12px;height:12px;border-radius:50%;background:#16a34a;position:absolute;right:14px;top:14px}.tb-marketing-channel.disabled{opacity:.7}.tb-marketing-form label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px}.tb-marketing-form label em{color:#ef4444;font-style:normal}.tb-marketing-form small{display:block;color:#6b7280;font-size:11px;margin-top:5px;line-height:16px}.tb-marketing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-marketing-form-grid.one{grid-template-columns:1fr}.tb-marketing-field{margin-top:12px}.tb-marketing-message{min-height:180px;resize:vertical}.tb-marketing-safety-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.tb-marketing-preview-line{margin-top:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:11px 12px;color:#374151;font-size:13px}.tb-marketing-preview-line b{color:#047857}.tb-marketing-safe-note{margin-top:12px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px;color:#065f46;font-size:12px;line-height:18px}.tb-marketing-table-wrap{width:100%;overflow:auto}.tb-marketing-table{width:100%;border-collapse:collapse}.tb-marketing-table th{font-size:11px;color:#6b7280;text-align:left;font-weight:700;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px}.tb-marketing-table td{font-size:13px;color:#1f2937;border-bottom:1px solid #edf0f4;padding:10px;vertical-align:middle}.tb-marketing-table td b{display:block;font-size:13px;color:#111827}.tb-marketing-table td small{display:block;color:#6b7280;font-size:11px;margin-top:2px}.tb-marketing-table td em.tb-marketing-live-log{display:block;color:#007a5a;font-size:11px;font-style:normal;margin-top:3px}.tb-marketing-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;background:#f3f4f6;color:#374151}.tb-marketing-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tb-marketing-status.running{background:#dcfce7;color:#15803d}.tb-marketing-status.completed,.tb-marketing-status.sent{background:#eaf8f2;color:#047857}.tb-marketing-status.paused{background:#fff7ed;color:#f97316}.tb-marketing-status.stopped,.tb-marketing-status.failed{background:#fee2e2;color:#dc2626}.tb-marketing-status.skipped{background:#f3f4f6;color:#6b7280}.tb-marketing-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tb-marketing-actions form{display:inline}.tb-marketing-actions button{border:1px solid #d1d5db;background:#fff;border-radius:7px;padding:6px 9px;font-size:12px;color:#374151}.tb-marketing-actions button:hover{background:#f3f4f6}.tb-marketing-actions button.danger{color:#dc2626;border-color:#fecaca}.tb-marketing-group-list{display:grid;gap:10px}.tb-marketing-group-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.tb-marketing-group-card b{display:block;font-size:13px;color:#111827}.tb-marketing-group-card small{display:block;font-size:12px;color:#6b7280;margin-top:3px}.tb-marketing-group-card button{border:1px solid #fecaca;color:#dc2626;background:#fff;border-radius:7px;width:32px;height:32px}.tb-marketing-safe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tb-marketing-safe-list div{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff}.tb-marketing-safe-list b{display:block;font-size:13px;color:#111827}.tb-marketing-safe-list span{display:block;font-size:12px;color:#6b7280;margin-top:3px;line-height:17px}body.tb-theme-bigin_dark_header .tb-marketing-main,body.tb-theme-bigin_dark_header .tb-marketing-top{background:#f0f7fb!important}@media(max-width:1200px){.tb-marketing-stats{grid-template-columns:repeat(3,1fr)}.tb-marketing-grid,.tb-marketing-grid.two{grid-template-columns:1fr}.tb-marketing-form-grid,.tb-marketing-channel-row,.tb-marketing-safety-row,.tb-marketing-safe-list{grid-template-columns:1fr}}@media(max-width:767px){.tb-marketing-main{padding:0 12px 18px}.tb-marketing-top{display:block}.tb-marketing-top .settings-add-btn{margin-top:10px}.tb-marketing-stats{grid-template-columns:1fr 1fr}}

/* Marketing email builder and channel updates */
.tb-marketing-channel{text-decoration:none}.tb-marketing-channel.email.active i{background:#e0f2fe;color:#0284c7}.tb-marketing-type{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;color:#374151}.tb-marketing-type.whatsapp{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.tb-marketing-type.email{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.tb-email-editor{border:1px solid #dfe4ea;border-radius:10px;background:#fff;overflow:hidden}.tb-email-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.tb-email-toolbar button{border:1px solid #d1d5db;background:#fff;border-radius:7px;padding:5px 9px;font-size:12px;color:#374151;line-height:18px}.tb-email-toolbar button:hover{background:#f3f4f6}.tb-email-editor-area{min-height:260px;padding:14px;color:#111827;font-size:14px;line-height:1.55;outline:none}.tb-email-editor-area:focus{box-shadow:inset 0 0 0 2px rgba(0,122,90,.08)}.tb-email-editor-area p{margin:0 0 10px}.tb-email-editor-area ul{margin:0 0 10px 20px;padding:0}.tb-email-editor-area img{max-width:100%;height:auto}.tb-email-hidden{display:none}.tb-marketing-email-form .tb-marketing-form-grid{align-items:start}.tb-marketing-left .settings-left-link.active i{color:inherit}@media(max-width:1200px){.tb-email-editor-area{min-height:220px}}

/* Organization Itinerary UI */
.organization-itinerary-ui-card{padding:22px 22px 18px;background:#fff;border:1px solid #dfe7ef91;border-radius:12px}.organization-itinerary-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;margin-top:6px}.organization-itinerary-ui-option{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:stretch;min-height:178px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;padding:14px;cursor:pointer;transition:.18s}.organization-itinerary-ui-option:hover{border-color:var(--tb-accent-border);box-shadow:0 8px 22px rgba(15,23,42,.06)}.organization-itinerary-ui-option.active{border-color:var(--tb-accent);box-shadow:0 0 0 1px rgba(var(--tb-accent-rgb),.08);background:var(--tb-accent-soft)}.organization-itinerary-ui-option input{display:none}.organization-itinerary-ui-option strong{position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--tb-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}.organization-itinerary-ui-info{padding:4px 34px 4px 0}.organization-itinerary-ui-info div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.organization-itinerary-ui-info b{display:block;color:#111827;font-size:15px;font-weight:900}.organization-itinerary-ui-info em{height:22px;border-radius:999px;background:#fff;border:1px solid #dfe7ef;color:var(--tb-accent-text);font-size:10px;font-style:normal;font-weight:900;padding:4px 8px}.organization-itinerary-ui-info span{display:block;color:#64748b;font-size:12px;font-weight:600;line-height:18px}.itinerary-ui-preview{height:148px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;position:relative;overflow:hidden}.itinerary-ui-preview span{display:block;position:absolute}.itinerary-ui-preview-current .current-logo{left:13px;top:12px;width:48px;height:12px;border-radius:4px;background:linear-gradient(90deg,#0284c7,#f97316)}.itinerary-ui-preview-current .current-hero{left:13px;right:13px;top:34px;height:42px;border-radius:7px;background:linear-gradient(135deg,#dbeafe,#dcfce7)}.itinerary-ui-preview-current .current-cost{top:86px;width:64px;height:22px;border-radius:7px;background:#fff;border:1px solid #e2e8f0}.itinerary-ui-preview-current .current-cost.one{left:14px}.itinerary-ui-preview-current .current-cost.two{left:86px}.itinerary-ui-preview-current .current-row{left:14px;right:14px;height:7px;border-radius:8px;background:#dbe4ef}.itinerary-ui-preview-current .current-row.one{top:119px}.itinerary-ui-preview-current .current-row.two{top:131px;right:44px}.itinerary-ui-preview-current .current-row.three{display:none}.itinerary-ui-preview-brochure_classic{background:#fff}.itinerary-ui-preview-brochure_classic .brochure-cover{left:0;right:0;bottom:0;height:58px;background:linear-gradient(135deg,#bfdbfe,#e0f2fe)}.itinerary-ui-preview-brochure_classic .brochure-title{left:28px;top:31px;width:88px;height:15px;border-radius:12px;background:#f97316}.itinerary-ui-preview-brochure_classic .brochure-photo{width:46px;height:33px;background:#fff;border:4px solid #fff;box-shadow:0 4px 10px rgba(15,23,42,.16)}.itinerary-ui-preview-brochure_classic .brochure-photo.one{left:22px;top:72px;transform:rotate(-8deg);background-color:#dbeafe}.itinerary-ui-preview-brochure_classic .brochure-photo.two{right:24px;top:58px;transform:rotate(8deg);background-color:#dcfce7}.itinerary-ui-preview-brochure_classic .brochure-footer{left:0;right:0;bottom:0;height:12px;background:#0b65a6}.organization-itinerary-ui-note{margin-top:18px;border:1px solid #cfeee5;border-radius:12px;background:#f4fffb;padding:14px 16px;color:#334155}.organization-itinerary-ui-note b{display:block;color:#111827;font-size:13px;font-weight:900;margin-bottom:4px}.organization-itinerary-ui-note span{display:block;color:#64748b;font-size:12px;font-weight:600;line-height:18px}@media(max-width:1100px){.organization-itinerary-ui-grid{grid-template-columns:1fr}.organization-itinerary-ui-option{grid-template-columns:160px 1fr}}@media(max-width:700px){.organization-itinerary-ui-option{grid-template-columns:1fr}.itinerary-ui-preview{height:130px}}

/* Itinerary brochure preview toolbar fix */
.itdoc-preview-shell .itdoc-preview-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px!important;background:#fff;border-bottom:1px solid #e5edf5;box-shadow:0 1px 0 rgba(15,23,42,.03)}.itdoc-preview-template-chip{height:36px;border:1px solid #dbe7f1;background:#f8fafc;color:#0f172a;border-radius:10px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800}.itdoc-preview-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.itdoc-preview-actions button{height:36px;border:1px solid #dbe7f1;background:#fff;color:#0f172a;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;cursor:pointer}.itdoc-preview-actions button.primary{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}.itdoc-preview-actions button:hover{border-color:var(--tb-accent);color:var(--tb-accent)}.itdoc-preview-actions button.primary:hover{background:#00745f;color:#fff}.itdoc-brochure-doc .itdoc-cost-position-select{display:none!important}
.automation-head-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.automation-guide-btn{height:34px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer}.automation-guide-btn:hover{border-color:var(--tb-accent);color:var(--tb-accent)}.automation-help-strip{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:13px 15px;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4b5563;font-size:13px}.automation-help-strip strong{color:#111827}.automation-help-strip span{height:26px;border-radius:20px;background:var(--tb-accent-soft);color:var(--tb-accent);padding:0 10px;display:inline-flex;align-items:center;font-size:12px;font-weight:600;white-space:nowrap}.automation-guide-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9998;display:none}.automation-guide-overlay.show{display:block}.automation-guide-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(860px,calc(100vw - 44px));max-height:calc(100vh - 70px);background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.28);z-index:9999;display:none;overflow:hidden}.automation-guide-modal.show{display:block;transform:translate(-50%,-50%) scale(1)}.automation-guide-head{padding:22px 26px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.automation-guide-head h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 5px}.automation-guide-head p{font-size:13px;color:#6b7280;margin:0}.automation-guide-head button{width:34px;height:34px;border:1px solid #e5e7eb;background:#fff;border-radius:10px;color:#6b7280;font-size:22px;line-height:28px;cursor:pointer}.automation-guide-body{padding:24px 26px 28px;overflow:auto;max-height:calc(100vh - 170px)}.automation-guide-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-bottom:14px}.automation-guide-block h4{font-size:15px;font-weight:700;color:#111827;margin:0 0 8px}.automation-guide-block p{font-size:13px;color:#4b5563;line-height:21px;margin:0}.automation-guide-block ol{margin:0;padding-left:18px;color:#4b5563;font-size:13px;line-height:22px}.automation-guide-flow{display:flex;align-items:center;gap:10px;margin-bottom:8px}.automation-guide-flow span{height:32px;border-radius:22px;background:#fff;border:1px solid #d1d5db;color:#111827;font-weight:700;font-size:13px;padding:0 14px;display:inline-flex;align-items:center}.automation-guide-flow em{font-style:normal;color:var(--tb-accent);font-weight:800}.automation-guide-examples{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.automation-guide-examples div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:15px}.automation-guide-examples h5{font-size:14px;font-weight:700;color:#111827;margin:0 0 8px}.automation-guide-examples p{font-size:13px;color:#4b5563;line-height:21px;margin:0}.automation-simple-grid{display:grid;grid-template-columns:1fr;gap:14px}.automation-simple-grid .drawer-field-row{margin-bottom:0}.automation-simple-grid .drawer-field-row select{width:100%;max-width:100%}.automation-action-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:10px}.automation-action-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.automation-action-top select{height:34px;border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:0 10px;font-size:13px;color:#374151;outline:none;flex:1}.automation-action-top button{width:34px;height:34px;border:1px solid #fee2e2;background:#fff;color:#b91c1c;border-radius:8px;cursor:pointer}.automation-action-fields label{display:block;font-size:12px;font-weight:600;color:#374151;margin:0 0 5px}.automation-action-fields input,.automation-action-fields select,.automation-action-fields textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;color:#374151;outline:none}.automation-action-fields input,.automation-action-fields select{height:34px;padding:0 10px}.automation-action-fields textarea{min-height:66px;padding:8px 10px;resize:vertical}.automation-action-fields input:focus,.automation-action-fields select:focus,.automation-action-fields textarea:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.12)}.automation-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.automation-action-set{display:none}.automation-tag-help{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:12px 14px;font-size:12px;line-height:19px;margin:14px 0 0}@media(max-width:900px){.automation-simple-grid,.automation-guide-examples{grid-template-columns:1fr}.automation-help-strip{align-items:flex-start;flex-direction:column}.automation-mini-grid{grid-template-columns:1fr}}@media(max-width:760px){.automation-head-actions{width:100%;margin-left:0}.automation-head-actions .settings-add-btn,.automation-guide-btn{width:100%;justify-content:center}.automation-guide-modal{width:calc(100vw - 24px);max-height:calc(100vh - 34px)}.automation-guide-head,.automation-guide-body{padding-left:18px;padding-right:18px}}
.automation-default-form{display:inline-flex;margin:0}.automation-default-btn{height:34px;border:1px solid #bbf7d0;background:#ecfdf5;color:#047857;border-radius:8px;padding:0 14px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.automation-default-btn:hover{background:#d1fae5;border-color:#10b981;color:#065f46}@media(max-width:760px){.automation-default-form{width:100%}.automation-default-btn{width:100%;justify-content:center}}

.tb-ai-assistant{position:relative;z-index:99970;}.tb-ai-float{position:fixed;right:28px;bottom:72px;width:54px;height:54px;border:0;border-radius:18px;background:#009b63;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:99971;touch-action:none;}.tb-ai-float:active{cursor:grabbing;}.tb-ai-float i{font-size:24px;line-height:1;}.tb-ai-float span{position:absolute;right:6px;top:6px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid #fff;}.tb-ai-panel{position:fixed;right:18px;top:54px;width:390px;height:calc(100vh - 72px);background:#fff;border:1px solid #dfe7f1;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:99972;overflow:hidden;flex-direction:column;opacity:0;transform:translateX(12px);transition:opacity .16s ease, transform .16s ease;min-width:340px;min-height:420px;}.tb-ai-panel.show{opacity:1;transform:translateX(0);}.tb-ai-head{height:62px;background:#fff;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:move;user-select:none;}.tb-ai-bot,.tb-ai-avatar{width:34px;height:34px;border-radius:12px;background:#e8fff6;color:#009b63;display:flex;align-items:center;justify-content:center;flex:0 0 34px;}.tb-ai-head b{display:block;font-size:15px;color:#111827;font-weight:900;line-height:18px;}.tb-ai-head span{display:block;font-size:12px;color:#64748b;font-weight:700;}.tb-ai-head-btn{border:0;background:transparent;color:#64748b;font-size:18px;line-height:1;margin-left:auto;padding:4px;cursor:pointer;}.tb-ai-head-btn+.tb-ai-head-btn{margin-left:2px;}.tb-ai-panel.is-max{left:72px!important;right:18px!important;top:54px!important;bottom:18px!important;width:auto!important;height:auto!important;min-width:0;min-height:0;}.tb-ai-panel.is-max .tb-ai-head{cursor:default;}.tb-ai-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:2;}.tb-ai-resize:after{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-right:2px solid #cbd5e1;border-bottom:2px solid #cbd5e1;}.tb-ai-panel.is-max .tb-ai-resize{display:none;}.tb-ai-panel.dragging,.tb-ai-panel.resizing{transition:none;}.tb-ai-tabs{display:flex;gap:8px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #edf2f7;}.tb-ai-tabs button{flex:1;height:34px;border:1px solid transparent;background:transparent;border-radius:12px;color:#334155;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;}.tb-ai-tabs button.active{background:#fff;border-color:#dfe7f1;color:#009b63;box-shadow:0 4px 12px rgba(15,23,42,.06);}.tb-ai-body{flex:1;overflow:auto;padding:14px;background:#fff;}.tb-ai-hello{display:flex;gap:12px;align-items:flex-start;background:#f8fafc;border:1px solid #e5edf7;border-radius:14px;padding:12px;margin-bottom:12px;}.tb-ai-hello b{display:block;color:#0f172a;font-size:14px;font-weight:900;margin-bottom:3px;}.tb-ai-hello p{margin:0;color:#64748b;font-size:12px;font-weight:700;line-height:18px;}.tb-ai-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px;}.tb-ai-quick button{min-height:58px;border:1px solid #dfe7f1;background:#fff;border-radius:13px;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;color:#111827;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(15,23,42,.04);}.tb-ai-quick button i{width:30px;height:30px;border-radius:11px;background:#e8fff6;color:#009b63;display:flex;align-items:center;justify-content:center;flex:0 0 30px;font-size:15px;}.tb-ai-messages{display:flex;flex-direction:column;gap:9px;}.tb-ai-msg{display:flex;align-items:flex-start;}.tb-ai-msg.user{justify-content:flex-end;}.tb-ai-msg-bubble{max-width:88%;background:#f1f5f9;color:#0f172a;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700;line-height:19px;}.tb-ai-msg.user .tb-ai-msg-bubble{background:#009b63;color:#fff;}.tb-ai-card{border:1px solid #dfe7f1;background:#fff;border-radius:14px;padding:11px 12px;box-shadow:0 4px 14px rgba(15,23,42,.04);}.tb-ai-card b{display:block;color:#0f172a;font-size:13px;font-weight:900;margin-bottom:6px;}.tb-ai-card span{display:block;color:#475569;font-size:12px;font-weight:700;line-height:18px;margin-top:3px;}.tb-ai-card.warning{background:#fff7ed;border-color:#fed7aa;}.tb-ai-card.success{background:#f0fdf4;border-color:#bbf7d0;}.tb-ai-card.info{background:#eff6ff;border-color:#bfdbfe;}.tb-ai-input{border-top:1px solid #edf2f7;padding:11px 12px;display:flex;gap:8px;background:#fff;}.tb-ai-input input{height:40px;border:1px solid #dfe7f1;border-radius:14px;padding:0 13px;color:#111827;font-size:13px;font-weight:700;outline:none;flex:1;}.tb-ai-input input:focus{border-color:#009b63;box-shadow:0 0 0 3px rgba(0,155,99,.08);}.tb-ai-input button{width:42px;height:40px;border:0;border-radius:14px;background:#009b63;color:#fff;display:flex;align-items:center;justify-content:center;}.tb-ai-foot{padding:0 14px 12px;color:#94a3b8;font-size:11px;font-weight:700;background:#fff;}.tb-ai-nudge{position:fixed;right:28px;bottom:138px;z-index:99973;background:#fff;border:1px solid #bbf7d0;border-left:4px solid #009b63;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.18);padding:12px 14px;min-width:280px;max-width:360px;opacity:0;transform:translateY(10px);transition:.2s ease;}.tb-ai-nudge.show{opacity:1;transform:translateY(0);}.tb-ai-nudge b{display:block;color:#0f172a;font-size:13px;font-weight:900;margin-bottom:3px;}.tb-ai-nudge span{display:block;color:#475569;font-size:12px;font-weight:800;line-height:18px;}@media(max-width:768px){.tb-ai-panel{left:10px!important;right:10px!important;top:56px!important;bottom:10px!important;width:auto!important;height:auto!important;min-width:0;}.tb-ai-float{right:18px;bottom:76px;}.tb-ai-quick{grid-template-columns:1fr;}.tb-ai-nudge{left:14px;right:14px;bottom:138px;min-width:0;max-width:none;}}
.tb-ai-title{flex:1;min-width:0;}.tb-ai-head{cursor:move;user-select:none;}.tb-ai-head-btn{margin-left:0!important;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;}.tb-ai-head-btn:hover{background:#f1f5f9;color:#0f172a;}.tb-ai-panel.dragging{transition:none;}.tb-ai-panel.is-mini{height:430px;top:auto;bottom:18px;}.tb-ai-panel.is-mini .tb-ai-body{min-height:0;}.tb-ai-panel.is-mini .tb-ai-quick{grid-template-columns:1fr 1fr;}.tb-ai-messages{padding-bottom:4px;}@media(max-width:768px){.tb-ai-panel.is-mini{height:52vh;left:10px;right:10px;width:auto;}.tb-ai-head{cursor:default;}}
.tb-ai-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 2px;}.tb-ai-suggestions button{height:32px;border:1px solid #cfe7dc;background:#fff;color:#075f42;border-radius:11px;padding:0 10px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:6px;cursor:pointer;}.tb-ai-suggestions button:hover{background:#e8fff6;border-color:#009b63;color:#009b63;}.tb-ai-suggestions button i{font-size:13px;line-height:1;}.tb-ai-panel.is-mini{height:auto!important;top:54px!important;bottom:18px!important;}.tb-ai-hello{margin-bottom:10px;}.tb-ai-card .tb-ai-suggestions{margin-top:10px;}
.tb-weather-settings-page{padding:18px 20px 22px;background:#fff;color:#0f172a;box-sizing:border-box;min-height:100%}.tb-weather-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 14px}.tb-weather-settings-head h2{margin:0;color:#0f172a;font-size:22px;font-weight:900;letter-spacing:-.02em}.tb-weather-settings-head p{margin:4px 0 0;color:#64748b;font-size:13px;font-weight:600;line-height:20px}.tb-weather-api-link{height:34px;border:1px solid #d7e2ea;border-radius:8px;background:#fff;color:#0f766e;text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800}.tb-weather-api-link:hover{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.tb-weather-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.tb-weather-status-card{min-height:70px;border:1px solid #dfe7ef;background:#f8fafc;border-radius:12px;padding:13px 14px;display:flex;gap:12px;align-items:center}.tb-weather-status-card>i{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 36px}.tb-weather-status-card.ok{background:#f0fdf4;border-color:#bbf7d0}.tb-weather-status-card.ok>i{background:#dcfce7;color:#047857}.tb-weather-status-card.warn{background:#fff7ed;border-color:#fed7aa}.tb-weather-status-card.warn>i{background:#ffedd5;color:#c2410c}.tb-weather-status-card b{display:block;font-size:14px;font-weight:900;color:#0f172a;line-height:18px}.tb-weather-status-card span{display:block;margin-top:2px;font-size:12px;font-weight:700;color:#64748b;line-height:18px}.tb-weather-form{display:block}.tb-weather-card-section{background:#fff;border:1px solid #dfe7ef;border-radius:14px;box-shadow:0 2px 8px rgba(15,23,42,.035);padding:18px;margin-bottom:14px}.tb-weather-setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 0}.tb-weather-setting-row+.tb-weather-setting-row{border-top:1px solid #edf2f7;margin-top:14px;padding-top:16px}.tb-weather-setting-row h3,.tb-weather-section-title h3{margin:0;color:#0f172a;font-size:15px;font-weight:900;line-height:20px}.tb-weather-setting-row p,.tb-weather-section-title p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:700;line-height:18px}.tb-weather-switch{position:relative;width:48px;height:26px;display:inline-block;flex:0 0 48px}.tb-weather-switch input{display:none}.tb-weather-switch span{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;cursor:pointer;transition:.18s ease}.tb-weather-switch span:before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(15,23,42,.22);transition:.18s ease}.tb-weather-switch input:checked+span{background:var(--tb-accent)}.tb-weather-switch input:checked+span:before{transform:translateX(22px)}.tb-weather-section-title{margin-bottom:13px}.tb-weather-destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tb-weather-field label{display:block;margin:0 0 6px;color:#334155;font-size:12px;font-weight:900}.tb-weather-field input{width:100%;height:36px;border:1px solid #d7e2ea;border-radius:9px;background:#fff;color:#0f172a;font-size:13px;font-weight:700;padding:0 11px;outline:none}.tb-weather-field input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px rgba(var(--tb-accent-rgb),.10)}.tb-weather-slot-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tb-weather-slot{height:34px;border:1px solid #dfe7ef;background:#f8fafc;border-radius:17px;color:#334155;display:inline-flex;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:900}.tb-weather-slot i{color:var(--tb-accent);font-size:13px}.tb-weather-preview-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tb-weather-preview-item{min-height:132px;border:1px solid #dfe7ef;background:#f8fafc;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px 10px}.tb-weather-preview-item span{display:block;color:#0f172a;font-size:13px;font-weight:900;line-height:18px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-weather-preview-item img{width:58px;height:58px;object-fit:contain;margin:8px 0}.tb-weather-preview-item>i{font-size:48px;color:#94a3b8;margin:8px 0}.tb-weather-preview-item b{display:block;color:#0f172a;font-size:22px;font-weight:950;line-height:26px}.tb-weather-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:2px 0 0}.tb-weather-cancel,.tb-weather-save{height:36px;border-radius:8px;padding:0 16px;font-size:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.tb-weather-cancel{border:1px solid #d7e2ea;background:#fff;color:#334155}.tb-weather-save{border:0;background:var(--tb-accent);color:#fff}.tb-weather-cancel:hover{background:#f8fafc;color:#0f172a}.tb-weather-save:hover{filter:brightness(.96)}.tb-weather-card .tb-dash-card-head{border-bottom:0}.tb-weather-dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px 12px 10px}.tb-weather-dash-item{min-height:136px;border:1px solid #e2eaf2;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 6px}.tb-weather-dash-item span{display:block;width:100%;font-size:12px;font-weight:900;color:#0f172a;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-weather-dash-item img{width:56px;height:56px;object-fit:contain;margin:8px 0}.tb-weather-dash-item>i{font-size:42px;color:#94a3b8;margin:8px 0}.tb-weather-dash-item b{font-size:22px;font-weight:950;line-height:26px;color:#0f172a}.tb-weather-dash-foot{height:31px;border-top:1px solid #edf2f7;color:#64748b;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}@media(max-width:1100px){.tb-weather-status-grid,.tb-weather-destination-grid,.tb-weather-preview-box{grid-template-columns:1fr}.tb-weather-dash-grid{grid-template-columns:1fr}.tb-weather-dash-item{min-height:105px}}@media(max-width:760px){.tb-weather-settings-page{padding:14px 12px 18px}.tb-weather-settings-head,.tb-weather-setting-row{flex-direction:column;align-items:flex-start}.tb-weather-api-link{width:100%;justify-content:center}.tb-weather-actions{flex-direction:column}.tb-weather-cancel,.tb-weather-save{width:100%}}

/* Website Settings Module */
.tb-website-layout{gap:16px;padding:18px 18px 24px;min-height:calc(100vh - 46px);box-sizing:border-box}.tb-website-left{width:250px;flex:0 0 250px;border-radius:16px}.tb-website-left .settings-left-link{display:flex;align-items:center;gap:10px}.tb-website-main{min-width:0;padding:0 0 16px}.tb-website-top{align-items:flex-start;gap:14px;margin-bottom:14px}.tb-website-breadcrumb{font-size:12px;font-weight:800;color:var(--tb-accent);margin-bottom:5px}.tb-website-subtitle{margin:5px 0 0;color:#64748b;font-size:13px;font-weight:700}.tb-website-box{padding:20px;margin-bottom:14px;border-radius:16px}.tb-website-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;border-bottom:1px solid #edf2f7;padding-bottom:13px}.tb-website-section-head.compact{margin-top:18px;margin-bottom:12px}.tb-website-section-head h3{font-size:16px;font-weight:900;color:#0f172a;margin:0}.tb-website-section-head span{font-size:12px;font-weight:700;color:#64748b}.tb-website-sub-section{margin-top:18px;padding-top:2px}.tb-website-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.tb-website-stat{background:#fff;border:1px solid #e5edf3;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;min-height:105px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.tb-website-stat span{width:36px;height:36px;border-radius:12px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:17px}.tb-website-stat small{font-size:12px;font-weight:800;color:#64748b}.tb-website-stat b{font-size:22px;line-height:1;color:#0f172a;font-weight:900}.tb-website-stat.blue span{background:#eff6ff;color:#2563eb}.tb-website-stat.purple span{background:#f5f3ff;color:#7c3aed}.tb-website-stat.warning span{background:#fff7ed;color:#f97316}.tb-website-stat.danger span{background:#fef2f2;color:#dc2626}.tb-website-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tb-website-option{border:1px solid #e5edf3;border-radius:14px;background:#fff;padding:15px;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;gap:8px;transition:.18s ease}.tb-website-option:hover{border-color:var(--tb-accent-border);box-shadow:0 10px 26px rgba(var(--tb-accent-rgb),.08);transform:translateY(-1px)}.tb-website-option i{width:36px;height:36px;border-radius:12px;background:var(--tb-accent-soft);color:var(--tb-accent);display:flex;align-items:center;justify-content:center;font-size:17px}.tb-website-option b{font-size:13px;font-weight:900}.tb-website-option span{font-size:12px;color:#64748b;font-weight:700;line-height:18px}.tb-website-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.tb-website-form-grid.one{grid-template-columns:1fr}.tb-website-form-grid.image-text{grid-template-columns:320px minmax(0,1fr);align-items:start}.tb-website-form-grid.five{grid-template-columns:1.1fr 1.7fr 1.1fr 1.25fr 1.1fr 1fr .8fr auto;align-items:end}.tb-website-form-grid label,.tb-website-content-form label,.tb-website-inline-form label{font-size:12px;font-weight:900;color:#0f172a;margin-bottom:6px;display:block}.tb-web-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #edf2f7}.tb-web-switch-row div b{display:block;font-size:14px;font-weight:900;color:#0f172a;margin-bottom:4px}.tb-web-switch-row div span{font-size:12px;font-weight:700;color:#64748b}.tb-web-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex:0 0 auto}.tb-web-switch input{display:none}.tb-web-switch em{width:42px;height:24px;border-radius:999px;background:#cbd5e1;display:block;position:relative;transition:.15s ease}.tb-web-switch em:after{content:"";width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;left:3px;top:3px;transition:.15s ease;box-shadow:0 1px 4px rgba(15,23,42,.22)}.tb-web-switch input:checked+em{background:var(--tb-accent)}.tb-web-switch input:checked+em:after{left:21px}.tb-web-switch-mini .tb-web-switch-row{border:1px solid #e5edf3;border-radius:14px;padding:13px 14px;background:#fbfdff}.tb-website-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:12px;border-top:1px solid #edf2f7}.tb-website-permission-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:11px 12px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px}.tb-website-table-wrap{overflow:auto;border:1px solid #e5edf3;border-radius:12px}.tb-website-table{width:100%;border-collapse:collapse;background:#fff}.tb-website-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:900;text-align:left;padding:11px;border-bottom:1px solid #e5edf3;white-space:nowrap}.tb-website-table td{padding:12px 11px;border-bottom:1px solid #edf2f7;font-size:13px;font-weight:700;color:#0f172a;vertical-align:top}.tb-website-table td small{display:block;color:#64748b;font-size:12px;font-weight:700;margin-top:3px}.tb-website-empty{text-align:center;color:#64748b!important;padding:24px!important}.tb-website-row-actions{display:flex;align-items:center;gap:7px}.tb-web-edit,.tb-web-delete{width:32px;height:32px;border-radius:10px;border:1px solid #e5edf3;background:#fff;color:#334155;display:flex;align-items:center;justify-content:center}.tb-web-edit{color:#0f766e;background:#ecfdf5;border-color:#bbf7d0}.tb-web-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.tb-website-edit-row td{background:#fbfffd!important}.tb-website-form-button{display:flex;align-items:flex-end}.tb-website-inline-form,.tb-website-content-form{margin:0}.tb-website-content-form textarea.drawer-control{min-height:auto}.tb-web-image-field{border:1px solid #e5edf3;border-radius:14px;background:#fbfdff;padding:12px}.tb-web-image-preview{height:160px;border:1px dashed #cbd5e1;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#64748b;font-size:12px;font-weight:800;margin-bottom:10px}.tb-web-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.tb-web-image-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-web-mini-btn{height:32px;border:1px solid var(--tb-accent-border);background:var(--tb-accent-soft);color:var(--tb-accent-text);border-radius:9px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:6px;cursor:pointer;text-decoration:none}.tb-web-mini-btn.light{border-color:#d7e2ea;background:#fff;color:#334155}.tb-web-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.tb-web-editor{font-family:Arial,sans-serif;line-height:1.5}.tb-web-code{font-family:Consolas,Monaco,monospace;font-size:12px;line-height:18px}.tb-web-list-img{width:58px;height:40px;border-radius:9px;object-fit:cover;border:1px solid #e5edf3;background:#f8fafc}.tb-web-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.tb-web-check-grid label{border:1px solid #e5edf3;border-radius:12px;background:#fff;padding:10px 12px;font-size:12px;font-weight:900;color:#334155;display:flex;align-items:center;gap:8px}.tb-web-check-grid input{accent-color:var(--tb-accent)}.tb-contact-extra-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}.tb-contact-extra-head b{font-size:13px;font-weight:900;color:#0f172a}.tb-contact-extra-list{display:flex;flex-direction:column;gap:9px}.tb-contact-extra-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 110px 34px;gap:8px;align-items:center}.tb-contact-extra-row label{height:36px;border:1px solid #e5edf3;border-radius:9px;background:#fff;margin:0;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#334155}.tb-contact-extra-row button{width:34px;height:34px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#dc2626;font-size:18px;line-height:1}.tb-web-media-modal .crm-media-card{cursor:default}.tb-web-media-modal .crm-media-check{display:none!important}@media(max-width:1380px){.tb-website-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-website-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tb-website-form-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.tb-website-layout{flex-direction:column;padding:14px 12px 20px}.tb-website-left{width:100%;flex:auto}.tb-website-stats,.tb-website-option-grid,.tb-website-form-grid,.tb-website-form-grid.image-text{grid-template-columns:1fr}.tb-web-check-grid{grid-template-columns:1fr}.tb-contact-extra-row{grid-template-columns:1fr}.tb-contact-extra-row button{width:100%}}

/* Website Settings UI alignment with Settings pages */
.tb-website-layout{width:100%;height:calc(100vh - 47px);display:flex!important;background:#fff!important;padding:0!important;gap:0!important;overflow:hidden;box-sizing:border-box}.tb-website-left{width:220px!important;flex:0 0 220px!important;height:100%;overflow:auto;background:#fff!important;border-right:1px solid #dfe7ef!important;border-radius:0!important;padding:8px 8px 18px!important;box-sizing:border-box;display:block!important}.tb-website-left .settings-title{padding:6px 10px 10px;margin:0 0 6px;font-size:16px;font-weight:700;color:#111827}.tb-website-left .settings-left-link{height:36px;border-radius:4px;display:flex;align-items:center;gap:9px;color:#111827;text-decoration:none;font-size:14px;font-weight:500;padding:0 10px;margin-bottom:2px}.tb-website-left .settings-left-link i{width:18px;text-align:center;color:#4b5563;font-size:15px}.tb-website-left .settings-left-link:hover{background:#eef6fa;color:#111827}.tb-website-left .settings-left-link.active{background:#dceefb;color:#111827;font-weight:600}.tb-website-left .settings-left-link.active i{color:var(--tb-accent)}.tb-website-main{flex:1!important;min-width:0!important;height:100%!important;overflow:hidden!important;background:#fff!important;padding:0!important}.tb-website-top{height:47px!important;min-height:47px!important;border-bottom:1px solid #dfe7ef!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;margin:0!important;background:#fff!important;position:static!important;z-index:auto!important}.tb-website-top>div{min-width:0}.tb-website-top .tb-website-breadcrumb,.tb-website-top .tb-website-subtitle,.tb-website-top .settings-add-btn{display:none!important}.tb-website-top .settings-page-heading{font-size:16px!important;line-height:20px!important;font-weight:700!important;color:#111827!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-website-main>.settings-content-box.tb-website-box,.tb-website-form>.settings-content-box.tb-website-box{height:calc(100vh - 94px)!important;overflow:auto!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:18px 20px 24px!important;box-sizing:border-box}.tb-website-form{height:calc(100vh - 94px);overflow:hidden;margin:0}.tb-website-box{background:#fff;border:0;border-radius:0;box-shadow:none}.tb-website-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 16px;border-bottom:1px solid #e5edf3;padding:0 0 12px}.tb-website-section-head h3{font-size:15px;font-weight:700;color:#111827;margin:0}.tb-website-section-head span{font-size:12px;font-weight:600;color:#6b7280}.tb-website-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.tb-website-stats{padding:18px 20px 0;margin:0 0 14px;box-sizing:border-box}.tb-website-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tb-website-option{border-radius:10px;padding:13px;box-shadow:none}.tb-website-table-wrap{border-radius:8px}.tb-web-switch-row{padding:14px 0}.tb-web-image-field{border-radius:10px}.tb-web-image-preview{border-radius:8px}.tb-website-actions{position:sticky;bottom:0;background:#fff;margin:18px -20px -24px;padding:12px 20px;border-top:1px solid #e5edf3}.tb-web-media-modal .crm-media-modal{max-width:1120px}.tb-theme-light_blue_crm .tb-website-layout,.tb-theme-light_blue_crm .tb-website-main,.tb-theme-light_blue_crm .tb-website-top,.tb-theme-light_blue_crm .tb-website-main>.settings-content-box.tb-website-box,.tb-theme-light_blue_crm .tb-website-form>.settings-content-box.tb-website-box{background:#fff!important}body.tb-theme-bigin_dark_header .tb-website-main,body.tb-theme-bigin_dark_header .tb-website-top,body.tb-theme-bigin_dark_header .tb-website-main>.settings-content-box.tb-website-box,body.tb-theme-bigin_dark_header .tb-website-form>.settings-content-box.tb-website-box{background:#fff!important}body.tb-theme-bigin_dark_header .tb-website-left{background:#fff!important;border-color:#dfe7ef!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-title,body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link{color:#111827!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link.active{background:#dceefb!important;color:#111827!important}@media(max-width:991px){.tb-website-left{width:190px!important;flex-basis:190px!important}.tb-website-form-grid,.tb-website-option-grid{grid-template-columns:1fr}.tb-website-main>.settings-content-box.tb-website-box,.tb-website-form>.settings-content-box.tb-website-box{padding:14px!important}.tb-website-actions{margin:14px -14px -14px;padding:12px 14px}}

/* Website Settings left panel must follow active CRM Settings theme */
.tb-website-left.settings-left{background:inherit;border-right:1px solid #dfe7ef;box-shadow:none}.tb-website-left .settings-title{height:32px;display:flex;align-items:center;font-size:15px;font-weight:600;padding:0 8px;margin-bottom:3px}.tb-website-left .settings-left-link{height:36px;border-radius:4px;display:flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;font-weight:500;padding:0 10px;margin-bottom:2px}.tb-website-left .settings-left-link i{width:18px;text-align:center;font-size:15px;flex:0 0 18px}body.tb-theme-bigin_dark_header .tb-website-left.settings-left{background:#063847!important;border-color:#052b36!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-title{color:#fff!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link,body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link i{background:transparent!important;color:#dbeafe!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link:hover,body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link:hover i{background:#0b4a5f!important;color:#fff!important}body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link.active,body.tb-theme-bigin_dark_header .tb-website-left .settings-left-link.active i{background:rgba(var(--tb-accent-rgb),.20)!important;color:#fff!important;border-color:rgba(var(--tb-accent-rgb),.34)!important;font-weight:700!important}body.tb-theme-light_blue_crm .tb-website-left.settings-left{background:#eaf7ff!important;border-color:#d7edf8!important}body.tb-theme-light_blue_crm .tb-website-left .settings-title{color:#111827!important}body.tb-theme-light_blue_crm .tb-website-left .settings-left-link{color:#111827!important}body.tb-theme-light_blue_crm .tb-website-left .settings-left-link.active{background:#dceefb!important;color:#111827!important}body:not(.tb-theme-bigin_dark_header):not(.tb-theme-light_blue_crm) .tb-website-left.settings-left{background:#fff!important;border-color:#dfe7ef!important}body:not(.tb-theme-bigin_dark_header):not(.tb-theme-light_blue_crm) .tb-website-left .settings-title{color:#111827!important}body:not(.tb-theme-bigin_dark_header):not(.tb-theme-light_blue_crm) .tb-website-left .settings-left-link{color:#111827!important}body:not(.tb-theme-bigin_dark_header):not(.tb-theme-light_blue_crm) .tb-website-left .settings-left-link.active{background:#dceefb!important;color:#111827!important}
.tb-website-list-head{align-items:center}.tb-website-list-head>div{min-width:0}.tb-website-list-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 12px}.tb-website-search{width:320px;position:relative}.tb-website-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#64748b}.tb-website-search .drawer-control{height:36px;padding-left:36px;border-radius:9px}.tb-website-pages-box{height:calc(100vh - 94px)!important;display:flex;flex-direction:column}.tb-website-pages-table-wrap{flex:1;min-height:0}.tb-website-pages-table th:first-child,.tb-website-pages-table td:first-child{min-width:320px}.tb-web-page-cell{display:flex;align-items:center;gap:12px;min-width:0}.tb-web-page-cell b{display:block;font-size:13px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tb-web-page-cell small{display:block;font-size:12px;color:#64748b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.tb-web-page-img{width:58px;height:42px;border-radius:10px;border:1px solid #e5edf3;background:#f8fafc;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 58px}.tb-web-page-img img{width:100%;height:100%;object-fit:cover;display:block}.tb-web-page-img span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.tb-web-page-type{height:28px;border-radius:999px;background:var(--tb-accent-soft);color:var(--tb-accent-text);border:1px solid var(--tb-accent-border);display:inline-flex;align-items:center;padding:0 10px;font-size:12px;font-weight:900}.tb-web-page-slug{font-size:12px;font-weight:800;color:#475569;background:#f8fafc;border:1px solid #e5edf3;border-radius:8px;padding:5px 8px;display:inline-flex}.tb-web-page-overlay{z-index:1040}.tb-web-page-drawer{width:820px;max-width:calc(100vw - 24px);z-index:1041}.tb-web-page-drawer .right-drawer-body{padding:0;overflow:auto}.tb-web-page-form-wrap{padding:24px 30px}.tb-web-page-form-wrap .tb-website-content-form{margin:0}.tb-web-page-form-wrap .tb-website-form-grid.image-text{grid-template-columns:290px minmax(0,1fr)}.tb-web-editor-head.no-top{margin-top:0}.tb-web-page-form-wrap textarea.tb-web-editor{min-height:230px}.tb-web-page-form-wrap .tb-website-actions{position:sticky;bottom:0;background:#fff;margin:20px -30px -24px;padding:12px 30px;border-top:1px solid #e5edf3;z-index:2}.tb-web-page-form-wrap .settings-add-btn{height:36px;border-radius:18px}@media(max-width:991px){.tb-website-search{width:100%}.tb-web-page-drawer{width:100%;max-width:100vw}.tb-web-page-form-wrap{padding:18px}.tb-web-page-form-wrap .tb-website-form-grid.image-text{grid-template-columns:1fr}.tb-web-page-form-wrap .tb-website-actions{margin:18px -18px -18px;padding:12px 18px}.tb-web-page-cell b,.tb-web-page-cell small{max-width:160px}}


.tb-web-page-media-block{margin:14px 0 0}.tb-web-page-media-block .tb-web-image-field{width:100%;box-sizing:border-box}.tb-web-page-media-block .tb-web-image-preview{height:190px}.tb-web-page-description-block{width:100%;margin-top:14px}.tb-web-page-description-block .tb-web-editor-head{margin-top:0;margin-bottom:7px}.tb-web-page-description-block .tb-web-simple-editor{width:100%;min-height:260px;box-sizing:border-box;resize:vertical}.tb-web-editor-help{font-size:12px;font-weight:700;color:#64748b;margin-top:6px}.tb-web-page-form-wrap .tb-web-page-media-block .tb-web-image-preview{height:180px}.tb-web-page-form-wrap .tb-web-page-description-block .tb-web-simple-editor{min-height:280px}@media(max-width:991px){.tb-web-page-media-block .tb-web-image-preview,.tb-web-page-form-wrap .tb-web-page-media-block .tb-web-image-preview{height:160px}.tb-web-page-description-block .tb-web-simple-editor,.tb-web-page-form-wrap .tb-web-page-description-block .tb-web-simple-editor{min-height:220px}}
.tb-web-rich-editor-wrap{border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden}.tb-web-rich-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:#f8fafc;border-bottom:1px solid #e5edf3}.tb-web-rich-toolbar button{height:30px;border:1px solid #d7e2ea;background:#fff;color:#334155;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.tb-web-rich-toolbar button:hover{background:#eef7f2;border-color:var(--tb-accent-border);color:var(--tb-accent-text)}.tb-web-rich-editor{min-height:270px;padding:12px 14px;outline:none;font-size:13px;line-height:1.6;color:#0f172a;background:#fff;overflow:auto}.tb-web-rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(var(--tb-accent-rgb),.08)}.tb-web-rich-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;font-weight:700}.tb-web-rich-editor p{margin:0 0 10px}.tb-web-rich-editor ul,.tb-web-rich-editor ol{margin:0 0 10px 22px;padding:0}.tb-web-rich-editor img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block}.tb-web-hidden-editor{display:none}.tb-web-page-description-block .tb-web-rich-editor.tb-web-simple-editor{min-height:280px;box-sizing:border-box}
.tb-website-actions{position:inherit}.tb-web-page-form-wrap .tb-website-actions{position:inherit}.tb-website-top-compact{margin-bottom:10px}.tb-website-top-compact .tb-website-breadcrumb{margin-bottom:0}
.tb-website-top{display:none!important}.tb-website-layout{height:calc(100vh - 47px)!important;max-height:calc(100vh - 47px)!important;overflow:hidden!important}.tb-website-main{height:100%!important;max-height:100%!important;overflow:hidden!important}.tb-website-form{height:100%!important;max-height:100%!important;overflow:hidden!important}.tb-website-main>.settings-content-box.tb-website-box,.tb-website-form>.settings-content-box.tb-website-box{height:100%!important;max-height:100%!important;overflow:auto!important}.tb-website-pages-box{height:100%!important;max-height:100%!important;overflow:hidden!important}.tb-website-pages-table-wrap{overflow:auto!important}.tb-website-actions{position:inherit}.tb-web-page-form-wrap .tb-website-actions{position:inherit}body:has(.tb-website-layout){overflow:hidden!important}

.tb-website-markup-box{height:100%!important;max-height:100%!important;overflow:auto!important}.tb-website-markup-box .tb-website-inline-form{margin:0 0 18px}.tb-web-markup-list-section{margin-top:18px;padding-top:16px;border-top:1px solid #e5edf3}.tb-web-markup-list-section .tb-website-section-head{margin-bottom:12px}.tb-web-markup-table-wrap{max-height:none!important}
/* Website Settings single-scroll fix */
html.tb-website-html-open,body.tb-website-page-open{height:100%!important;max-height:100%!important;overflow:hidden!important}body.tb-website-page-open .crm-layout{height:calc(100vh - 47px)!important;max-height:calc(100vh - 47px)!important;overflow:hidden!important}body.tb-website-page-open .content-area,body.tb-website-page-open .settings-main,body.tb-website-page-open .tb-website-main{height:100%!important;max-height:100%!important;overflow:hidden!important;min-height:0!important}body.tb-website-page-open .tb-website-layout{height:100%!important;max-height:100%!important;overflow:hidden!important;min-height:0!important}body.tb-website-page-open .tb-website-form{height:100%!important;max-height:100%!important;overflow:hidden!important;min-height:0!important}body.tb-website-page-open .tb-website-main>.settings-content-box.tb-website-box,body.tb-website-page-open .tb-website-form>.settings-content-box.tb-website-box{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;box-sizing:border-box!important}body.tb-website-page-open .tb-website-pages-box{height:100%!important;max-height:100%!important;overflow:hidden!important;min-height:0!important}body.tb-website-page-open .tb-website-pages-table-wrap{flex:1 1 auto!important;min-height:0!important;overflow:auto!important}body.tb-website-page-open .tb-website-left{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}body.tb-website-page-open .tb-website-markup-box{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}.tb-website-top{display:none!important}.tb-website-actions{position:inherit}.tb-web-page-form-wrap .tb-website-actions{position:inherit}
.tb-web-status-pill{height:24px;border-radius:14px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;text-transform:capitalize;min-width:64px}
.tb-web-status-pill.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.tb-web-status-pill.inactive{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}

/* Website Settings: keep outer CRM content area fixed, inner website section handles scroll */
.content-area:has(.tb-website-layout){overflow:hidden!important;}
body.tb-website-page-open .content-area{overflow:hidden!important;}
.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"]{background:linear-gradient(135deg,#f8fafc,#eef2ff)}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-logo{left:12px;top:12px;width:58px;height:10px;border-radius:4px;background:linear-gradient(90deg,var(--tb-accent),#60a5fa)}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-hero{left:12px;right:12px;top:30px;height:48px;border-radius:8px;background:linear-gradient(135deg,#bfdbfe,#ccfbf1)}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-cost{top:88px;width:62px;height:24px;border-radius:7px;background:#fff;border:1px solid #dbe4ee}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-cost.one{left:14px}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-cost.two{left:84px}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-row{left:14px;right:14px;height:7px;border-radius:8px;background:#cbd5e1}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-row.one{top:122px}.itinerary-ui-preview[class*="itinerary-ui-preview-designer_"] .current-row.two{top:134px;right:48px}.tb-itd-document-page .tb-itd-render-output{background:#f8fafc}.tb-itd-document-page .tb-itd-render-page{max-width:980px;margin:0 auto 18px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.tb-itd-document-page .tb-itd-cover-block{position:relative;overflow:hidden;background:#0f172a;color:#fff}.tb-itd-document-page .tb-itd-cover-block .bg{position:absolute;inset:0;background-size:cover;background-position:center}.tb-itd-document-page .tb-itd-cover-block .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.72),rgba(15,23,42,.18))}.tb-itd-document-page .tb-itd-cover-block .content{position:absolute;left:42px;bottom:42px;right:36px}.tb-itd-document-page .tb-itd-cover-block .kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:10px}.tb-itd-document-page .tb-itd-cover-block h1{line-height:1;margin:0 0 12px;font-family:Georgia,serif;font-weight:500}.tb-itd-document-page .tb-itd-cover-block p{font-size:15px;font-weight:800;margin:0}.tb-itd-document-page .tb-itd-cover-block .logo{position:absolute;right:26px;top:22px;font-size:16px;font-weight:900;z-index:2}.tb-itd-document-page .tb-itd-section{padding:18px 22px}.tb-itd-document-page .tb-itd-section h3{margin:0 0 14px;font-size:22px;font-weight:900}.tb-itd-document-page .tb-itd-summary-grid{display:grid;grid-template-columns:1fr 260px;gap:18px}.tb-itd-document-page .tb-itd-summary-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tb-itd-document-page .tb-itd-summary-item b{display:block;color:#64748b;font-size:11px;text-transform:uppercase;margin-bottom:5px}.tb-itd-document-page .tb-itd-summary-item span{display:block;color:#111827;font-size:13px;font-weight:800}.tb-itd-document-page .tb-itd-price-card{border:1px solid #e2e8f0;border-radius:9px;text-align:center;padding:18px;background:#fff}.tb-itd-document-page .tb-itd-price-card span{display:block;color:#64748b;font-size:12px;font-weight:800}.tb-itd-document-page .tb-itd-price-card b{display:block;color:#0f766e;font-size:24px;margin-top:8px}.tb-itd-document-page .tb-itd-day-card{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:15px;margin-bottom:12px}.tb-itd-document-page .tb-itd-day-card h4{margin:0 0 7px;font-size:15px;color:#111827}.tb-itd-document-page .tb-itd-day-card p{margin:7px 0 0;color:#475569;font-size:13px;line-height:1.5}.tb-itd-document-page .tb-itd-service-chip{display:inline-flex;align-items:center;margin:6px 6px 0 0;border-radius:18px;background:#eefdf8;color:#047857;padding:6px 10px;font-size:12px;font-weight:800}.tb-itd-document-page .tb-itd-text-block{padding:18px 22px;color:#334155;font-size:14px;line-height:1.6}.tb-itd-document-page .tb-itd-divider{height:1px;background:#e2e8f0;margin:18px 22px}.tb-itd-document-page .tb-itd-footer{padding:18px 22px;background:#f8fafc;color:#64748b;font-size:12px;display:flex;justify-content:space-between}
.tb-web-general-small-image .tb-web-image-preview{height:50px;min-height:50px;max-height:50px;justify-content:flex-start;padding:6px 10px;box-sizing:border-box}.tb-web-general-small-image .tb-web-image-preview img{width:auto;max-width:100%;height:auto;max-height:50px;object-fit:contain}.tb-web-general-small-image .tb-web-image-preview span{line-height:36px}

/* Query detail tabs: keep Emails, Supplier Comm. and Supplier Billing inside More dropdown */
.query-detail-page .client-detail-tabs{overflow:visible!important}
.query-detail-page .query-tabs-more-wrap{height:44px;position:relative;display:flex;align-items:flex-end;border-bottom:2px solid transparent;flex:0 0 auto}
.query-detail-page .query-tabs-more-wrap.active{border-bottom-color:var(--tb-accent)}
.query-detail-page .query-tabs-more-btn{height:44px;border:0;background:transparent;color:#111827;font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;padding:0;cursor:pointer;font-family:inherit}
.query-detail-page .query-tabs-more-btn i{font-size:13px}
.query-detail-page .query-tabs-more-menu{display:none;position:absolute;top:43px;right:0;min-width:210px;background:#fff;border:1px solid #dfe7ef;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.14);padding:6px;z-index:100}
.query-detail-page .query-tabs-more-wrap:hover .query-tabs-more-menu,.query-detail-page .query-tabs-more-wrap:focus-within .query-tabs-more-menu{display:block}
.query-detail-page .query-tabs-more-menu a{height:36px;border:0!important;border-radius:6px;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#111827!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important}
.query-detail-page .query-tabs-more-menu a.active,.query-detail-page .query-tabs-more-menu a:hover{background:#f0fdf4!important;color:#111827!important}
.query-detail-page .query-tabs-more-menu span{min-width:18px;height:18px;border-radius:10px;background:#dceefb;color:#0f172a;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}


/* Query mail sending loader */
.tb-mail-sending-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.20);backdrop-filter:blur(2px);z-index:999999;pointer-events:auto}
.tb-mail-sending-overlay.show{display:flex}
.tb-mail-sending-card{width:260px;min-height:88px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.22);display:flex;align-items:center;gap:14px;padding:18px 20px;color:#111827}
.tb-mail-sending-card h3{margin:0 0 4px;font-size:16px;font-weight:800;line-height:1.2;color:#111827}
.tb-mail-sending-card p{margin:0;font-size:12px;line-height:1.4;color:#64748b;font-weight:500}
.tb-mail-sending-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:var(--tb-accent,#16a085);animation:tbMailSpin .8s linear infinite;flex:0 0 36px;position:relative}
.tb-mail-sending-spinner span{position:absolute;inset:9px;border-radius:50%;background:var(--tb-accent-soft,#ecfdf5)}
@keyframes tbMailSpin{to{transform:rotate(360deg)}}

/* Profile permission dropdown above sticky footer */
.profile-permission-select.open{z-index:10050}
.profile-permission-select.open .profile-permission-menu{z-index:10060}

.itinerary-day-date-strip{margin-bottom: 10px !important;}

.tb-fixed-dashboard .tb-dash-tour-list{padding-right:8px}.tb-fixed-dashboard .tb-dash-tour-list.is-scrollable{max-height:176px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tb-fixed-dashboard .tb-dash-tour-list.is-scrollable::-webkit-scrollbar{width:6px}.tb-fixed-dashboard .tb-dash-tour-list.is-scrollable::-webkit-scrollbar-track{background:transparent}.tb-fixed-dashboard .tb-dash-tour-list.is-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.tb-fixed-dashboard .tb-dash-tour-row{min-height:44px}.tb-fixed-dashboard .tb-dash-tour-row>div{min-width:0}.tb-fixed-dashboard .tb-dash-tour-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:24px;padding:0 9px;border-radius:12px;font-size:10px!important;font-weight:900!important;line-height:1!important;text-transform:none;flex:0 0 auto}.tb-fixed-dashboard .tb-dash-tour-badge.upcoming{background:#eff6ff;color:#2563eb!important;border:1px solid #bfdbfe}.tb-fixed-dashboard .tb-dash-tour-badge.ongoing{background:#ecfdf5;color:#059669!important;border:1px solid #a7f3d0}
.tb-fixed-dashboard .tb-dash-count-list{padding:7px 12px 11px}.tb-fixed-dashboard .tb-dash-count-head,.tb-fixed-dashboard .tb-dash-count-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 72px;gap:8px;align-items:center}.tb-fixed-dashboard .tb-dash-count-head{height:28px;border-bottom:1px solid #dfe7ef;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.tb-fixed-dashboard .tb-dash-count-head b{text-align:right;color:#64748b;font-size:10px;font-weight:900}.tb-fixed-dashboard .tb-dash-count-row{min-height:37px;border-bottom:1px solid #edf2f7;color:#0f172a;text-decoration:none}.tb-fixed-dashboard .tb-dash-count-row:last-child{border-bottom:0}.tb-fixed-dashboard .tb-dash-count-row span{min-width:0;color:#0f172a;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-fixed-dashboard .tb-dash-count-row b{text-align:right;color:#334155;font-size:12px;font-weight:950}.tb-fixed-dashboard .tb-dash-count-row b.confirmed{color:#059669}.tb-fixed-dashboard .tb-dash-count-row:hover{background:#f8fafc}.tb-fixed-dashboard .tb-dash-count-rows.is-scrollable{max-height:185px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tb-fixed-dashboard .tb-dash-count-rows.is-scrollable::-webkit-scrollbar{width:6px}.tb-fixed-dashboard .tb-dash-count-rows.is-scrollable::-webkit-scrollbar-track{background:transparent}.tb-fixed-dashboard .tb-dash-count-rows.is-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}
.tb-fixed-dashboard .tb-dash-followup-list{padding-right:8px}.tb-fixed-dashboard .tb-dash-followup-list.is-scrollable{max-height:186px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.tb-fixed-dashboard .tb-dash-followup-list.is-scrollable::-webkit-scrollbar{width:6px}.tb-fixed-dashboard .tb-dash-followup-list.is-scrollable::-webkit-scrollbar-track{background:transparent}.tb-fixed-dashboard .tb-dash-followup-list.is-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.tb-fixed-dashboard .tb-dash-followup-row>div{min-width:0}.tb-fixed-dashboard .tb-dash-followup-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:24px;padding:0 9px;border-radius:12px;font-size:10px!important;font-weight:900!important;line-height:1!important;white-space:nowrap;flex:0 0 auto;border:1px solid #bfdbfe;background:#eff6ff;color:#2563eb!important}.tb-fixed-dashboard .tb-dash-followup-badge.completed,.tb-fixed-dashboard .tb-dash-followup-badge.closed{border-color:#a7f3d0;background:#ecfdf5;color:#059669!important}.tb-fixed-dashboard .tb-dash-followup-badge.pending,.tb-fixed-dashboard .tb-dash-followup-badge.in_progress{border-color:#fed7aa;background:#fff7ed;color:#ea580c!important}.tb-fixed-dashboard .tb-dash-followup-badge.cancelled,.tb-fixed-dashboard .tb-dash-followup-badge.canceled{border-color:#fecaca;background:#fef2f2;color:#dc2626!important}.tb-fixed-dashboard .tb-dash-followup-badge.scheduled{border-color:#ddd6fe;background:#f5f3ff;color:#7c3aed!important}

.tb-fixed-dashboard .tb-dash-followup-badge.overdue{border-color:#fecaca;background:#fef2f2;color:#dc2626!important}