:root{color-scheme:light;--bg:#061839;--deep:#06142d;--blue:#1763d8;--blue2:#1460d0;--ink:#101a32;--muted:#000000;--soft:#eef4ff;--line:#e2e9f4;--surface:#fff}*{box-sizing:border-box}html{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}body{margin:0;color:var(--ink);background:#071a38}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{display:flex;min-height:100vh;background:radial-gradient(ellipse at 87% 3%,rgba(33,91,169,.32),transparent 40%),linear-gradient(155deg,#061632,#0b2851 46%,#071a3e)}.sidebar{width:249px;min-width:249px;min-height:100vh;padding:24px 16px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 90% 10%,#15447580,transparent 28%),linear-gradient(170deg,#03112e,#102b55 66%,#071934);border-right:1px solid #35507755;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:11px;margin-bottom:29px;padding:3px 5px}.logo-icon{display:grid;place-items:center;width:38px;height:38px;background:#2a75ea;border-radius:11px;font-size:23px;color:#fff}.logo strong{display:block;font-weight:850;font-size:17px;letter-spacing:.045em;white-space:nowrap}.logo span{display:block;font-size:16px;letter-spacing:.2em;color:#d2e3ff;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;gap:12px;align-items:center;width:100%;padding:13px 12px;color:#f5f9ff;border-radius:10px;border:1px solid transparent;background:transparent;text-align:left;font-size:16px;font-weight:700}.nav-item:hover{background:#1b4b88}.nav-item.active{background:#1763d8;box-shadow:0 5px 18px #071c4b80}.nav-icon{width:22px;text-align:center;font-size:22px;line-height:1;color:#f4f8ff}.sidebar-divider{margin:25px 7px 18px;border-top:1px solid #ffffff32}.sky-label{font-size:16px;letter-spacing:.11em;color:#b5d1fb;font-weight:800}.sidebar-meta{padding:0 8px}.meta-menu{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff13;font-size:16px;font-weight:600}.meta-menu span{font-size:16px;color:#d3e4ff;font-weight:400}.sidebar-bottom{margin-top:auto;padding:28px 10px 7px}.sidebar-bottom .small-white{display:block;font-size:16px;color:#c0d9ff;letter-spacing:.07em}.sidebar-bottom strong{display:block;font-size:18px;margin-top:9px}.sidebar-bottom p{line-height:1.55;font-size:16px;color:#c3d7fa}.main{width:calc(100% - 249px);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;border-bottom:1px solid #ffffff20;background:#081e40b0;color:#fff}.topbar-brand{font-size:16px;font-weight:900;letter-spacing:.11em}.topbar-brand b{color:#a8cdff}.planet{display:inline-grid;place-items:center;border-radius:50%;background:#2f76d7;margin-right:9px;width:24px;height:24px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:13px}.pilot-pill{font-size:16px;letter-spacing:.04em;font-weight:800;background:#3173d8;padding:8px 9px;border-radius:6px}.mode-picker{display:flex;gap:9px;align-items:center;font-weight:700;font-size:16px;color:#f8fbff}.mode-picker select{border:1px solid #637da3;color:#000;border-radius:7px;padding:9px;background:#fff;font-weight:750;font-size:16px;min-width:135px}.profile{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16px}.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#fff;color:#0d387c;font-size:18px}.main-body{padding:31px 32px 50px;max-width:1640px;margin:auto}#page-title{margin-bottom:22px}.eyebrow{margin:0 0 9px;color:#a7d1ff;font-weight:850;letter-spacing:.13em;font-size:16px}.eyebrow.dark{color:#174fa5;font-size:16px}.main-body h1{margin:0;color:#fff;font-size:32px;line-height:1.2;letter-spacing:-.025em}.subtitle{color:#d1e0fa;font-size:16px;margin:11px 0 0}.notice{padding:11px 16px;border-radius:9px;margin-bottom:18px;font-weight:800;font-size:16px}.notice.demo{color:#172b48;background:#e4f0ff;border-left:4px solid #3987eb}.notice.real{background:#e6f8f0;color:#155839;border-left:4px solid #0c9870}.notice.warning{background:#fff4dd;color:#784b03;border-left:4px solid #df9a0e}.tab{display:none}.tab.active-tab{display:block}.card{background:#fff;border:1px solid #dce6f4;box-shadow:0 5px 16px rgba(0,11,37,.13);border-radius:13px;color:#0a172b}.kpi-grid{display:grid;gap:14px;margin-bottom:14px}.kpi-grid.primary{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid.secondary{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{padding:18px 18px 15px;min-width:0}.kpi-head{display:flex;gap:10px;align-items:center;color:#203d69;font-size:16px;font-weight:800;white-space:normal}.icon{background:#e7f0ff;color:#1256c6;font-size:22px;display:grid;place-items:center;width:35px;height:35px;border-radius:9px;flex-shrink:0}.icon.small{width:27px;height:27px;font-size:18px}.kpi-value{font-size:clamp(28px,2.5vw,43px);font-weight:900;letter-spacing:-.035em;line-height:1.2;margin:15px 0 7px;white-space:nowrap;color:#061528}.kpi-small-value{font-size:clamp(20px,1.8vw,29px);font-weight:900;margin:14px 0 7px;color:#061528;white-space:nowrap;letter-spacing:-.035em}.kpi-foot{font-size:16px;color:#000;font-weight:550}.summary-banner{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;margin:17px 0 17px;border-left:5px solid #1763d8;gap:15px}.summary-banner h2{font-size:19px;color:#13243c;margin:3px 0 5px}.summary-banner p{font-size:16px;color:#000;margin:0}.net-value{font-size:clamp(26px,2.8vw,42px);font-weight:900;color:#09734e;white-space:nowrap}.net-value.negative{color:#ab2336}.analytics-grid{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:15px;margin-bottom:17px}.chart-card{padding:19px 17px 21px;min-width:0;min-height:306px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:16px}.panel-heading h2{margin:0;color:#0e1d35;font-size:17px;font-weight:850;line-height:1.2}.panel-heading span{font-size:16px;color:#000;white-space:nowrap}.line-chart{height:223px}.line-chart svg{width:100%;height:100%;overflow:visible}.category-chart,.funnel{display:flex;flex-direction:column;gap:15px}.cat-row{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:16px;color:#102039}.cat-row .cat-title{font-weight:700}.cat-row .cat-num{font-weight:850}.cat-row .bar-track{grid-column:1/-1;height:9px;border-radius:8px;background:#e8eef7;overflow:hidden}.cat-row .bar-fill{height:100%;background:linear-gradient(90deg,#2376de,#70b1fe);border-radius:8px}.funnel-step{position:relative;padding:8px 10px;border-radius:7px;background:linear-gradient(90deg,#0d52b2,#338fe0);color:#fff;display:flex;justify-content:space-between;gap:7px;align-items:center}.funnel-step:nth-child(2){background:linear-gradient(90deg,#1d65c6,#58a1ee)}.funnel-step:nth-child(3){background:linear-gradient(90deg,#4080d8,#87b8f4)}.funnel-step:nth-child(4){background:linear-gradient(90deg,#649bdf,#9ac4f6)}.funnel-step:nth-child(5){background:linear-gradient(90deg,#84b4f1,#cee6ff);color:#132b53}.funnel-step span{font-size:16px;font-weight:750}.funnel-step strong{font-size:17px}.bottom-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.data-card{padding:19px;min-width:0}.text-button{border:0;background:none;color:#135dc2;font-size:16px;font-weight:850;white-space:nowrap}.text-button:hover{text-decoration:underline}.recent-list,.fin-status{display:flex;flex-direction:column;gap:0}.recent-head,.recent-entry{display:grid;grid-template-columns:.85fr 1.5fr 1fr .9fr;gap:8px;padding:12px 0;align-items:center;font-size:16px}.recent-head{color:#000;font-size:16px;font-weight:800;border-bottom:1px solid #e0e7f0}.recent-entry{border-bottom:1px solid #edf1f7;font-weight:650;color:#182943}.recent-entry .number{font-weight:850}.recent-entry .amount{text-align:right;font-weight:900}.fin-status>div{display:flex;justify-content:space-between;gap:9px;padding:11px 0;border-bottom:1px solid #e8edf6}.fin-status span{font-size:16px;color:#000;font-weight:650}.fin-status b{font-size:16px;color:#091e3a;white-space:nowrap}.fin-status>div.total{margin-top:6px;border-top:2px solid #d8e6f8;border-bottom:0}.fin-status>div.total b{color:#0a7954;font-size:21px}.fin-status>div.total b.negative{color:#bb293f}.disclaimer{font-size:16px;color:#d7e4f9;line-height:1.5;margin-top:18px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.section-top h2{font-size:26px;color:#fff;margin:0 0 6px}.section-top p{font-size:16px;color:#ccddf7;margin:0}.private-pill{background:#dcecff;padding:9px 12px;border-radius:7px;font-size:16px;font-weight:800;color:#17457b}.form-card{padding:23px;margin-bottom:17px}.form-card .panel-heading{margin-bottom:17px}.record-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.record-form label{display:flex;flex-direction:column;gap:6px;font-size:16px;font-weight:750;color:#1a2c48}.record-form input,.record-form select{border:1px solid #b8c8de;border-radius:7px;background:#fff;padding:11px;color:#0b182e;min-height:44px;width:100%;font-weight:550}.record-form input:focus,.record-form select:focus{outline:2px solid #5c9bfa}.record-form .submit-row{grid-column:1/-1;display:flex;align-items:center;gap:12px}.primary-button,.reporting-info button{border:0;color:#fff;background:#1763d8;padding:12px 19px;font-weight:800;border-radius:8px}.primary-button:hover,.reporting-info button:hover{background:#0a4dad}.form-result{font-size:16px;color:#145685;font-weight:750;min-height:1em}.records-card{overflow-x:auto}.record-table{border-collapse:collapse;width:100%;min-width:600px}.record-table th{text-align:left;font-size:16px;color:#18355d;background:#eff4fc;padding:12px;border-bottom:1px solid #d1dbea}.record-table td{font-size:16px;color:#0e203a;font-weight:650;padding:12px;border-bottom:1px solid #eaf0f7}.record-table tr:hover td{background:#f8fbff}.reporting-info{padding:26px;line-height:1.7}.reporting-info h2{font-size:22px;margin-top:0}.reporting-info p{max-width:750px}.error-msg{color:#b82333;font-weight:800}.empty{padding:30px 10px;text-align:center;color:#000;font-size:16px;font-weight:650}@media(max-width:1390px){.sidebar{width:220px;min-width:220px}.main{width:calc(100% - 220px)}.main-body{padding:24px}.analytics-grid{grid-template-columns:1.4fr 1fr}.analytics-grid .funnel{min-height:180px}.chart-card:last-child{grid-column:1/-1;min-height:0}.chart-card:last-child .funnel{flex-direction:row;gap:9px}.funnel-step{flex:1}.kpi-grid.secondary{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.sidebar{width:185px;min-width:185px}.main{width:calc(100% - 185px)}.logo strong{font-size:16px}.nav-item{font-size:16px}.topbar{padding:12px 18px}.main-body{padding:18px}.analytics-grid{grid-template-columns:1fr 1fr}.kpi-grid.primary{grid-template-columns:repeat(3,1fr)}.kpi-value{font-size:24px}.bottom-grid{grid-template-columns:1fr}.record-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app{display:block}.sidebar{position:relative;height:auto;min-height:0;overflow:visible;width:100%;padding:11px 13px}.sidebar .logo{margin:0 0 9px}.sidebar nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.nav-item{width:auto;white-space:nowrap;padding:10px;font-size:16px}.sidebar-divider,.sidebar-meta,.sidebar-bottom{display:none}.main{width:100%}.topbar{gap:12px;flex-wrap:wrap}.topbar-brand{display:none}.toolbar{justify-content:flex-start}.pilot-pill,.profile{display:none}.main-body{padding:15px}.main-body h1{font-size:24px}.kpi-grid.primary{grid-template-columns:1fr}.kpi-grid.secondary{grid-template-columns:1fr 1fr}.kpi-value{font-size:34px}.kpi-small-value{font-size:23px}.summary-banner{flex-direction:column;align-items:flex-start}.analytics-grid{grid-template-columns:1fr}.chart-card:last-child{grid-column:auto}.chart-card:last-child .funnel{flex-direction:column}.bottom-grid{grid-template-columns:1fr}.record-form{grid-template-columns:1fr}.recent-head,.recent-entry{font-size:16px}.panel-heading h2{font-size:16px}}

.record-form .form-wide{grid-column:1/-1;background:#eff6ff;border:1px solid #c9def9;border-radius:10px;padding:12px 16px;color:#183c69}.form-wide p{margin:5px 0 0;font-size:16px}

/* Director desktop: compact responsive control center */
.language-picker{display:flex;align-items:center;gap:6px;color:#d8e7ff;font-weight:800}
.language-picker select{background:#123b70;border:1px solid #4f81bd;color:white;border-radius:9px;padding:8px;font-weight:800;cursor:pointer}
#dashboard .kpi-grid.primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#dashboard .kpi-grid.secondary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#dashboard .analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:12px}
#dashboard .analytics-grid>.chart-card.wide{grid-column:1;grid-row:1/3}
#dashboard .analytics-grid>.chart-card:not(.wide){grid-column:2}
#dashboard .bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}
#dashboard .card{min-width:0}
#dashboard .kpi{padding:14px}
#dashboard .chart-card{padding:15px}
#dashboard .summary-banner{padding:16px 20px}
#dashboard .kpi-value{font-size:clamp(24px,2.2vw,36px)}
#dashboard .kpi-small-value{font-size:clamp(18px,1.5vw,27px)}
#dashboard .chart-card .line-chart svg{max-height:210px}
@media(max-width:1250px){#dashboard .kpi-grid.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){#dashboard .analytics-grid,#dashboard .bottom-grid{grid-template-columns:1fr}#dashboard .analytics-grid>.chart-card.wide,#dashboard .analytics-grid>.chart-card:not(.wide){grid-column:auto;grid-row:auto}}
@media(max-width:600px){#dashboard .kpi-grid.primary,#dashboard .kpi-grid.secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.language-picker{font-size:16px}}

/* TravelCRM Moldova inspired director desktop, compact information density */
.app{background:radial-gradient(ellipse at 90% -8%,#1657ad88,transparent 38%),linear-gradient(130deg,#061730,#0b2852 72%,#05254d)}
.sidebar{background:#061936!important;background-image:none!important;border-right:1px solid #3372b33b}
.logo-icon{background:transparent!important;color:#2589ff!important;font-size:37px!important}
.main{min-width:0!important;flex:1}
.topbar{min-height:65px!important;height:auto!important;gap:15px;flex-wrap:wrap;padding:9px 20px!important;background:#051a3d!important}
.global-search{display:flex;align-items:center;flex:1 1 240px;max-width:475px;border:1px solid #47658c;background:#ffffff12;border-radius:9px;padding:7px 12px;color:#c7d8f0}
.global-search input{background:transparent;border:0;outline:0;color:white;width:100%;padding:4px 10px}
.global-search input::placeholder{color:#b9cce6}
.toolbar{gap:10px!important;flex-wrap:wrap}
.main-body{padding:15px 16px 30px!important;max-width:none!important}
#page-title{padding:8px 5px 12px;background:radial-gradient(ellipse at right,#1859aa30,transparent 58%)}
#page-title h1{font-size:clamp(26px,2.6vw,40px)!important;margin:2px 0 3px}
#page-title .subtitle{font-size:16px!important}
#dashboard .kpi-grid.primary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
#dashboard .kpi-grid.secondary{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:10px}
#dashboard .kpi{padding:12px 14px!important;min-height:104px!important;background:#fff!important;border-radius:10px!important}
#dashboard .kpi-grid.secondary .kpi{min-height:88px!important;padding:10px 12px!important}
#dashboard .kpi-head{margin-bottom:4px!important;gap:8px!important}
#dashboard .kpi-head span:last-child{font-size:16px!important}
#dashboard .kpi-value{font-size:clamp(28px,2.9vw,43px)!important;line-height:1.15!important;color:#0a1220!important;font-weight:900!important}
#dashboard .kpi-small-value{font-size:clamp(19px,1.8vw,29px)!important;line-height:1.1!important;font-weight:900!important}
#dashboard .kpi-foot{font-size:16px!important;margin-top:5px!important}
#dashboard .analytics-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;margin-bottom:9px}
#dashboard .analytics-grid>.chart-card.wide,#dashboard .analytics-grid>.chart-card:not(.wide){grid-column:auto!important;grid-row:auto!important}
#dashboard .chart-card{padding:12px!important;min-width:0;overflow:hidden}
#dashboard .chart-card h2,#dashboard .bottom-grid h2{font-size:16px!important}
#dashboard .line-chart svg{max-height:190px!important}
#dashboard .bottom-grid{display:grid!important;grid-template-columns:1.12fr 1.12fr 1fr!important;gap:9px!important}
#dashboard .bottom-grid>.card{min-width:0!important;padding:12px!important}
#dashboard .recent-entry{font-size:16px!important;gap:5px!important}
#dashboard .recent-head{font-size:16px!important}
#dashboard .disclaimer{font-size:16px!important}
#dashboard .notice{font-size:16px!important;padding:9px 12px!important}
.record-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:13px!important;row-gap:8px!important}
.record-form label{min-width:0!important;font-size:16px!important;font-weight:750!important;line-height:1.2!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important}
.record-form input,.record-form select{height:39px!important;min-height:39px!important;padding:7px 11px!important;font-size:16px!important;border-radius:7px!important;width:100%!important}
.record-form .form-wide{padding:8px 12px!important;font-size:16px!important}
.record-form .form-wide p{font-size:16px!important;margin:2px 0!important}
.form-card{padding:14px!important}.form-card .panel-heading{margin-bottom:10px!important}
.record-form .submit-row{grid-column:1/-1!important;display:flex;align-items:center;gap:12px;margin-top:2px!important}
.record-form .submit-row button{padding:10px 15px!important;font-size:16px!important}
@media(max-width:1330px){#dashboard .analytics-grid{grid-template-columns:1.3fr 1fr!important}#dashboard .analytics-grid>.chart-card:last-child{grid-column:1/-1!important}#dashboard .bottom-grid{grid-template-columns:1fr 1fr!important}#dashboard .bottom-grid>.manager-card{grid-column:1/-1}}
@media(max-width:1000px){#dashboard .kpi-grid.secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#dashboard .analytics-grid,#dashboard .bottom-grid{grid-template-columns:1fr!important}#dashboard .analytics-grid>.chart-card:last-child,#dashboard .bottom-grid>.manager-card{grid-column:auto!important}.record-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#dashboard .kpi-grid.primary,#dashboard .kpi-grid.secondary,.record-form{grid-template-columns:1fr!important}}

/* Larger director account controls */
.topbar .profile{font-size:200%!important;font-weight:800!important}.topbar #logout{font-size:200%!important;font-weight:800!important;line-height:1.15!important;padding:8px 10px!important}
@media(max-width:800px){.topbar .profile,.topbar #logout{font-size:150%!important}}

/* Agency heading: one visual sentence above the Director desk, one font/size. */
#page-title .agency-heading {
  display:flex; align-items:baseline; flex-wrap:wrap; column-gap:.45em; row-gap:.12em;
  margin:0 0 14px; color:#eaf3ff;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:clamp(22px,2.15vw,28px); font-weight:800;
  line-height:1.28; letter-spacing:-.012em;
}
#page-title .agency-heading > span {font:inherit; color:inherit; letter-spacing:inherit;}
#page-title .agency-heading-divider {opacity:.85;}
#page-title .subtitle[hidden] {display:none!important;}
@media(max-width:720px) {
  #page-title .agency-heading {font-size:clamp(21px,4.6vw,25px);margin-bottom:12px;}
}

/* Director profile and logout: 30 percent smaller than prior 200 percent scale */
.topbar .profile,.topbar #logout{font-size:140%!important}
@media(max-width:800px){.topbar .profile,.topbar #logout{font-size:105%!important}}

/* Agency management eyebrow: 20 percent smaller */
#page-title .eyebrow{font-size:16px!important}

/* One language-specific logout on the right */
.topbar .toolbar{margin-left:auto!important}.topbar #logout{font-size:16px!important;font-weight:750!important;padding:8px 13px!important;text-decoration:none!important;white-space:nowrap}

/* Period dropdown and date interval inputs */
.topbar .custom-period[hidden]{display:none!important}
.topbar .custom-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.topbar .custom-period label{display:flex;align-items:center;gap:6px;color:#e5efff;font-size:16px;font-weight:700}
.topbar .custom-period input{color:#162747;background:#fff;max-width:148px;border:1px solid #a9c5e4;border-radius:8px;height:35px;padding:3px 6px;font-size:16px}
.topbar .custom-period button{border:0;border-radius:8px;background:#2682ff;color:white;padding:8px 12px;font-weight:800;font-size:16px}
.period-range-label{font-size:16px;color:#b9d5f6;padding:0 4px 8px;min-height:0}

/* PERIOD_BAR_20PCT_TYPOGRAPHY_START */
/* Typography only: +20% over existing 12/13/15/16px fonts. Preserve field geometry. */
.topbar .mode-picker{font-size:16px!important;white-space:nowrap}
.topbar .mode-picker select{font-size:16px!important;line-height:1.1!important;height:35px!important;padding:0 9px!important;box-sizing:border-box}
.topbar .custom-period label{font-size:16px!important;white-space:nowrap}
.topbar .custom-period input{font-size:16px!important;line-height:1!important;height:35px!important;max-width:148px!important;padding:3px 6px!important;box-sizing:border-box}
.topbar .custom-period button{font-size:16px!important;line-height:1!important;height:35px!important;padding:0 12px!important;box-sizing:border-box}
.topbar #logout{font-size:18px!important;line-height:1!important;white-space:nowrap}
.topbar .language-picker select{font-size:19.2px!important;line-height:1!important}
.topbar .custom-period input::-webkit-calendar-picker-indicator{transform:none!important;zoom:1!important}
/* PERIOD_BAR_20PCT_TYPOGRAPHY_END */


/* OFFICE_COMPACT_MODULE_VIEW_AND_BLACK_BORDERS_V1 */
/* Hide the dashboard-only banner and heading on every other module. */
body.module-view #page-title .agency-heading,
body.module-view #page-title .subtitle,
body.module-view #notice,
body.module-view #period-range-label,
body.module-view #records .section-top {display:none!important}
body.module-view .main-body {padding-top:9px!important}
body.module-view #page-title {
  margin:0 0 10px!important;
  padding:0 4px 0!important;
  background:none!important;
}
body.module-view #page-title h1 {
  margin:0!important;
  font-size:clamp(26px,2.25vw,34px)!important;
  line-height:1.2!important;
  color:#fff!important;
}
body.module-view #records .form-card {margin-top:0!important}
/* Every visible control/panel boundary uses one solid black pixel.
   Keep existing box sizes: border replaces prior strokes, not dimensions. */
.app .card,
.app .notice,
.app .private-pill,
.app .record-form .form-wide,
.app .record-form input,
.app .record-form select,
.app .record-form textarea,
.app .mode-picker select,
.app .language-picker select,
.app .custom-period input,
.app .custom-period button,
.app .global-search,
.app .primary-button,
.app .nav-item,
.app .text-button,
.app .reporting-info button {
  border:1px solid #000!important;
  box-sizing:border-box!important;
}
.app .record-form input:focus-visible,
.app .record-form select:focus-visible,
.app .custom-period input:focus-visible {
  outline:2px solid #1466cc!important;
  outline-offset:1px!important;
}
@media(max-width:720px){
 body.module-view .main-body{padding-top:8px!important}
 body.module-view #page-title{margin-bottom:8px!important}
}


/* OFFICE_FORM_FONT_PLUS_3PX_V1_START */
/* Only form typography +3px; existing inputs remain 39px tall, black 1px borders. */
#records .form-card .panel-heading h2 {font-size:20px!important;}
#records .form-card .panel-heading span {font-size:16px!important;}
#records .form-card .record-form .form-wide {font-size:16px!important;}
#records .form-card .record-form .form-wide p {font-size:16px!important;}
#records .form-card .record-form label {font-size:16px!important;line-height:1.25!important;}
#records .form-card .record-form input,
#records .form-card .record-form select,
#records .form-card .record-form textarea {font-size:17px!important;}
#records .form-card .record-form .submit-row button {font-size:16px!important;}
#records .form-card .record-form .submit-row span {font-size:16px!important;}
#records .form-card .form-result {font-size:16px!important;}
/* OFFICE_FORM_FONT_PLUS_3PX_V1_END */


/* FUNNEL_STAGE_COLORS_AND_TEXT_PLUS2_START */
/* Distinct and readable stages, without altering leads data or dashboard layout. */
#dashboard .funnel-panel .panel-heading h2 {color:#000!important;font-size:16px!important;}
#dashboard .funnel-panel .panel-heading span {color:#000!important;font-size:16px!important;}
#dashboard #funnel-chart .funnel-step {color:#000!important;background:linear-gradient(90deg,#96c7f6,#d5eafd)!important;}
#dashboard #funnel-chart .funnel-step:nth-child(2) {background:linear-gradient(90deg,#c9b4f3,#ece1fc)!important;}
#dashboard #funnel-chart .funnel-step:nth-child(3) {background:linear-gradient(90deg,#f9d578,#ffefb5)!important;}
#dashboard #funnel-chart .funnel-step:nth-child(4) {background:linear-gradient(90deg,#ffb080,#ffdbc2)!important;}
#dashboard #funnel-chart .funnel-step:nth-child(5) {background:linear-gradient(90deg,#92d7aa,#d2efd7)!important;}
#dashboard #funnel-chart .funnel-step span {color:#000!important;font-size:16px!important;}
#dashboard #funnel-chart .funnel-step strong {color:#000!important;font-size:19px!important;}
/* FUNNEL_STAGE_COLORS_AND_TEXT_PLUS2_END */

/* PROGRESS_LOCALE_AND_PLUS_3PX_V1 */
#progress .progress-panel>.panel-heading h2{font-size:20px!important}
#progress .progress-panel>.panel-heading span{font-size:16px!important;white-space:normal!important}
#progress #progress-summary{font-size:19px!important}
#progress .progress-row{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:start;
  padding:13px 15px;margin:9px 0;border:1px solid #000;border-radius:10px;background:#f4f9ff}
#progress .progress-row.progress-planned{background:#fff}
#progress .progress-id{background:#e4eeff;color:#174b91;border-radius:7px;padding:9px 4px;font-weight:900;text-align:center;font-size:17px}
#progress .progress-name{font-size:17px!important;font-weight:850;line-height:1.4;color:#0c2342}
#progress .progress-evidence{font-size:16px!important;line-height:1.5;margin:6px 0;color:#000}
#progress .progress-next{font-size:16px!important;line-height:1.5;margin:4px 0 0;color:#1c5d9e}
#progress .progress-badge{white-space:nowrap;font-size:16px!important;font-weight:800;border-radius:6px;
  padding:6px 8px;background:#d7edff;color:#143b6b}
#progress .progress-planned .progress-badge{background:#ebeff5}
#progress .progress-footnote{font-size:16px!important;color:#000;line-height:1.6;margin-top:18px}
@media(max-width:720px){
 #progress .progress-row{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:10px}
 #progress .progress-badge{grid-column:2;justify-self:start}
}

/* STAFF_AND_SETTINGS_TRAVEL_OFFICE_THEME_V1 */
.staff-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.staff-kpi{padding:15px 16px;background:#fff;border:1px solid #000!important;display:flex;flex-direction:column;gap:8px}
.staff-kpi span{color:#253c60;font-size:16px;font-weight:750}
.staff-kpi strong{color:#1160ca;font-size:clamp(22px,2vw,33px);line-height:1;font-weight:900}
.staff-workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start}
.staff-workspace>.card,.staff-catalog-panel{padding:17px!important;border:1px solid #000!important}
.staff-workspace .panel-heading,.staff-catalog-panel>.panel-heading{flex-wrap:wrap}
.staff-workspace .panel-heading h2,.staff-catalog-panel>.panel-heading h2{font-size:20px!important}
.staff-workspace .record-form,.staff-catalog-panel .record-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.staff-workspace .record-form label,.staff-catalog-panel .record-form label{font-size:16px!important}
.staff-workspace .record-form input,.staff-workspace .record-form select,.staff-workspace .record-form textarea,
.staff-catalog-panel .record-form input,.staff-catalog-panel .record-form select{height:40px!important;min-height:40px!important;
 background:#fff;border:1px solid #000!important;border-radius:7px;padding:7px 9px!important;font-size:16px!important;width:100%}
.staff-workspace .staff-note-label{grid-column:1/-1}
.staff-workspace .staff-note-label textarea{min-height:70px!important;resize:vertical}
.staff-workspace .submit-row,.staff-catalog-panel .submit-row{grid-column:1/-1}
.staff-workspace .submit-row button,.staff-catalog-panel .submit-row button{font-size:16px!important}
.staff-table-scroll,.staff-catalog-list{overflow-x:auto}
.staff-table-scroll .record-table{min-width:540px}
#staff-list .record-table td{font-size:16px}
#staff-list .record-table th{font-size:16px}
#staff-list .employee-data,#staff-contract-list .employee-data,#catalog-list .employee-data{font-weight:650}
.staff-open{border:1px solid #000;border-radius:7px;background:#1765d6;color:#fff;font-size:16px;padding:7px 12px;font-weight:800;cursor:pointer}
.staff-profile{margin-top:18px;padding-top:14px;border-top:1px solid #000}
.staff-profile[hidden]{display:none}
.staff-profile h3{font-size:18px;color:#081f42;margin:0 0 6px}
#staff-profile-summary{font-size:16px;color:#1c5e9f;font-weight:750;margin-bottom:12px}
.staff-catalog-panel{margin-top:12px}
.staff-catalog-panel .record-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.settings-shortcut{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 17px}
.settings-shortcut span{color:#000;font-size:16px}
@media(max-width:1260px){.staff-workspace{grid-template-columns:1fr}.staff-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.staff-kpis{grid-template-columns:1fr 1fr}
.staff-catalog-panel .record-form,.staff-workspace .record-form{grid-template-columns:1fr!important}
.staff-workspace .staff-note-label{grid-column:auto}}

/* EXCEL_CATALOG_REGISTRY_V2 */
#settings .settings-registry,#settings .settings-catalog-editor{padding:18px!important;border:1px solid #000!important;margin-bottom:14px}
#settings .settings-catalog-editor[hidden]{display:none!important}
#settings #agency-settings-editor[hidden],#settings #catalog-entry-editor[hidden]{display:none!important}
#settings .settings-registry .panel-heading h2,#settings .settings-catalog-editor .panel-heading h2{font-size:23px!important}
.settings-registry-scroll{width:100%;overflow-x:auto}
.settings-registry-table{width:100%;border-collapse:collapse;min-width:650px;font-size:16px;background:white}
.settings-registry-table th{background:#dfeeff;color:#0b2c58;font-weight:900;text-align:left}
.settings-registry-table th,.settings-registry-table td{border:1px solid #000;padding:11px 13px;vertical-align:middle}
.settings-registry-table tbody tr:nth-child(even){background:#f1f7ff}
.settings-registry-table tbody tr:hover{background:#e6f1ff}
.settings-row-number{font-weight:900;text-align:center!important;width:48px}
.settings-row-name{font-weight:850;min-width:180px;color:#071d3d}
.settings-row-info{font-size:16px;color:#000}
.settings-row-count{font-size:18px;font-weight:900;text-align:center;width:82px}
.settings-row-action{text-align:right;min-width:148px}
.settings-row-add{border:1px solid #000;border-radius:8px;color:#fff;background:#1768db;font-size:16px;font-weight:850;padding:10px 15px;cursor:pointer;white-space:nowrap}
.settings-row-add:focus-visible{outline:3px solid #f5a623}
.settings-registry-status{color:#934b16;font-size:16px;margin-top:12px}
#settings .settings-catalog-editor .record-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
#settings .settings-catalog-editor .record-form input,#settings .settings-catalog-editor .record-form select{font-size:17px!important}
#settings #catalog-list{margin-bottom:16px}
#settings .form-result{font-size:16px}
@media(max-width:800px){#settings .settings-catalog-editor .record-form{grid-template-columns:1fr!important}}

/* DIRECTOR_REAL_MANAGERS_RANK_V1 — same travel CRM styling, 1px black outlines */
#dashboard .manager-card .manager-header,
#dashboard .manager-card .manager-entry{
 display:grid;grid-template-columns:32px minmax(100px,1.8fr) minmax(64px,.65fr) minmax(75px,1fr) minmax(75px,1fr);
 gap:8px;align-items:center;
}
#dashboard .manager-card .manager-header{
 padding:9px 6px;font-size:16px;font-weight:850;color:#000;
 background:#edf4ff;border:1px solid #000;border-radius:7px 7px 0 0;
}
#dashboard .manager-card .manager-entry{
 padding:11px 6px;font-size:16px;color:#10213d;font-weight:650;
 border-bottom:1px solid #bcc9da;
}
#dashboard .manager-card .manager-entry:nth-child(odd){background:#f6faff}
#dashboard .manager-card .manager-position{font-weight:900;text-align:center;color:#155bb6}
#dashboard .manager-card .manager-full-name{font-weight:850;overflow-wrap:anywhere}
#dashboard .manager-card .manager-sales,#dashboard .manager-card .manager-profit{font-weight:850;white-space:nowrap}
#dashboard .manager-card .manager-profit{color:#086a4c}
#dashboard .manager-card .manager-source,#dashboard .manager-card .manager-demo-note{
 font-size:16px;line-height:1.4;color:#000;margin:11px 0 0;
}
#dashboard .manager-card .manager-demo-note{color:#775014}
@media(max-width:900px){
 #dashboard .manager-card .manager-header,#dashboard .manager-card .manager-entry{
  grid-template-columns:24px minmax(85px,1.5fr) 50px 85px 85px;gap:5px;font-size:16px
 }
 #dashboard .manager-card #manager-rank{overflow-x:auto}
}

/* USER_DEFINED_REGISTRY_V3 */
.settings-registry-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#settings .settings-registry-hint{font-size:16px;color:#000;margin:0 0 14px}
#settings .settings-row-action{width:315px;white-space:normal;text-align:right}
#settings .settings-row-action .settings-row-add{font-size:16px;padding:7px 10px;margin:2px;border-radius:6px}
#settings .settings-row-add.registry-edit{background:#e5f0ff;color:#153b67}
#settings .settings-row-add.registry-remove{background:#fff2f1;color:#9a2835}
#settings .settings-row-add.registry-restore{background:#e7f8ee;color:#157249}
#settings tr.registry-archived td{background:#eeeeee;color:#000}
#settings #registry-definition-editor[hidden]{display:none!important}
#settings #registry-definition-editor{border:1px solid #000;padding:17px;margin-bottom:14px}
#settings #registry-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#settings #registry-form .registry-desc,#settings #registry-form .submit-row{grid-column:1/-1}
#settings #registry-form input{font-size:17px;border:1px solid #000!important}
#settings #registry-definition-editor .panel-heading h2{font-size:21px}
@media(max-width:880px){
 #settings #registry-form{grid-template-columns:1fr}
 #settings .settings-registry-actions{align-items:flex-start}
 #settings .settings-row-action{width:auto}
}

/* CATALOG_ENTRY_DROPDOWN_V4 */
#settings .catalog-entry-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end;margin:0 0 14px}
#settings .catalog-entry-picker label{grid-column:1/-1;font-size:17px!important;font-weight:800;color:#142e50}
#settings #catalog-entry-select{width:100%;font-size:18px!important;min-height:46px;border:1px solid #000;background:#fff;color:#0e274a;border-radius:7px;padding:7px 10px}
#settings .catalog-entry-picker button{font-size:16px;min-height:46px;border:1px solid #000;border-radius:7px;padding:8px}
#settings .catalog-entry-archive{color:#9a2835!important;border:1px solid #000!important}
#settings #catalog-entry-archive[hidden]{display:none!important}
@media(max-width:660px){#settings .catalog-entry-picker{grid-template-columns:1fr}}

/* SINGLE_LANGUAGE_REGISTRY_FORM_V5 */
#settings #registry-form{grid-template-columns:minmax(0,1fr)!important}
#settings #registry-form .registry-single-name{grid-column:1/-1}
#settings #registry-form .registry-single-name input{width:100%}

/* SINGLE_ROW_SELECTOR_FOR_CATALOGS_V6 */
#settings .settings-row-info{min-width:230px;padding:7px 10px!important}
#settings .catalog-row-select{width:100%;min-height:44px;font-size:17px!important;font-weight:650;color:#123254;
border:1px solid #000!important;border-radius:6px;padding:7px 28px 7px 10px;background:#fff}
#settings .settings-row-name{vertical-align:middle;position:relative}
#settings .catalog-rename-icon{border:1px solid #000!important;background:#eff5fd;font-size:16px;color:#1e4879;
margin-left:8px;border-radius:6px;min-width:32px;min-height:30px;cursor:pointer}
#settings .settings-row-action{min-width:310px;width:320px}
#settings .settings-row-action button[disabled]{cursor:not-allowed;opacity:.43}
#settings .settings-row-add{font-size:16px!important;padding:9px 11px!important}
#settings #catalog-entry-editor{padding-top:4px}
#settings .settings-registry-table{min-width:780px}

/* CONTRACT_FORM_FIELD_EDITOR_V1 */
#records #contract-fields{grid-column:1/-1;min-width:0;display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 13px}
#records #contract-fields>.contract-field-group{grid-column:1/-1;background:#eaf2ff;
 border-left:4px solid #2072db;padding:6px 10px;border-radius:6px;
 font-size:16px;font-weight:850;color:#183657;margin:3px 0 1px}
#records #contract-fields>label{display:flex;flex-direction:column;gap:5px;
 font-weight:750;color:#142d51;font-size:16px}
#records #contract-fields input,#records #contract-fields select,#records #contract-fields textarea{
 border:1px solid #000!important;border-radius:6px;min-height:42px!important;
 background:white;font-size:16px!important;max-width:100%;width:100%;padding:8px 10px}
#records #contract-fields textarea{height:70px!important;resize:vertical}
#records .contract-form-toolbar{grid-column:2/-1;display:flex;gap:12px;align-items:center;justify-content:flex-end}
#records .contract-form-toolbar span{font-size:16px;color:#000;font-weight:800}
#records .contract-form-toolbar button{font-size:16px!important}
#records #contract-template-editor{grid-column:1/-1;padding:16px;border:1px solid #000!important;
 border-radius:10px;background:#f5f9ff}
#records #contract-template-editor[hidden]{display:none!important}
#records .contract-editor-heading b{font-size:20px;color:#082a59}
#records .contract-editor-heading p{font-size:16px;line-height:1.45;margin:6px 0;color:#000}
#records .contract-edit-group{padding:8px 0;border-bottom:1px solid #c7d8ef}
#records .contract-edit-group h3{margin:5px 0 10px;font-size:17px;color:#134c99}
#records .contract-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#records .contract-check-option{display:flex!important;flex-direction:row!important;
 gap:9px!important;align-items:center;color:#172943;font-size:16px!important;font-weight:650!important}
#records .contract-check-option input{width:18px!important;height:18px!important;min-height:0!important;
 accent-color:#1763d8;flex-shrink:0}
#records .contract-editor-actions{margin-top:15px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
#records .contract-template-status{font-size:16px;color:#27588a;padding:8px}
@media(max-width:980px){
 #records #contract-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records .contract-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
 #records #contract-fields{grid-template-columns:1fr}
 #records .contract-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records .contract-form-toolbar{grid-column:1/-1;justify-content:flex-start}
}

/* SERVICE_SETTINGS_CHECKBOX_EDITOR_V2 */
#settings .settings-contracts-card,#settings .settings-contract-field-editor{
 padding:16px!important;border:1px solid #000!important;margin-bottom:13px}
#settings .settings-contracts-card .panel-heading h2{font-size:20px!important}
#settings .settings-contracts-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
#settings .settings-contracts-picker label{font-size:16px;font-weight:750;align-self:center}
#settings .settings-contracts-picker select{border:1px solid #000;border-radius:7px;
 min-width:230px;height:40px;font-size:16px;background:white;padding:5px 12px}
#settings .settings-contracts-picker button{height:40px;font-size:16px;padding:8px 18px}
#settings .settings-contracts-hint{font-size:16px;line-height:1.4;color:#000;margin:9px 0 0}
#settings #settings-contract-field-editor[hidden],#settings #settings-custom-field-form[hidden]{display:none!important}
#settings .settings-contract-explanation{color:#000;font-size:16px;margin:4px 0 12px}
#settings .settings-contract-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px}
#settings .settings-field-group{grid-column:1/-1;font-size:16px;background:#e9f2ff;
 margin:7px 0 2px;padding:6px 10px;color:#174c8b;border-radius:4px}
#settings .settings-field-item{display:flex;align-items:center;gap:6px;min-height:32px;
 padding:3px 5px;border-bottom:1px solid #dce5f0}
#settings .settings-field-label{display:flex;flex-direction:row!important;gap:9px!important;
 align-items:center;font-size:16px!important;font-weight:660!important;flex:1;cursor:pointer}
#settings .settings-field-label input{height:19px!important;min-height:19px!important;width:19px!important;
 flex-shrink:0;accent-color:#1763d8}
#settings .settings-custom-rename,#settings .settings-custom-archive{font-size:16px;border:1px solid #000;
 background:#f2f6fc;border-radius:5px;padding:5px;color:#23538a}
#settings .settings-custom-archive{color:#ab3141}
#settings .settings-custom-field-section{margin-top:18px;padding-top:10px;border-top:1px solid #a8bad0}
#settings .settings-custom-field-section h3{font-size:17px;margin:0}
#settings .settings-custom-field-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr) auto auto;
 gap:9px;align-items:end}
#settings .settings-custom-field-form label{font-size:16px;font-weight:750;display:flex;flex-direction:column;gap:5px}
#settings .settings-custom-field-form input,#settings .settings-custom-field-form select{
 height:39px;border:1px solid #000;border-radius:6px;font-size:16px;padding:6px 9px;background:#fff}
#settings .settings-custom-field-form button{height:39px;white-space:nowrap;padding:7px 13px}
#settings #settings-contract-field-result{font-size:16px;margin:10px 0 0}
@media(max-width:1080px){#settings .settings-contract-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){#settings .settings-contract-checklist{grid-template-columns:1fr}
 #settings .settings-custom-field-form{grid-template-columns:1fr 1fr}
 #settings .settings-custom-field-form>label:first-child{grid-column:1/-1}}
/* compact contract columns - preserve readable labels, 1px borders */
#records #create-form{grid-template-columns:minmax(200px,1fr) minmax(250px,2fr);
 gap:8px 12px!important}
#records #create-form>label[for="f-service_type"]{grid-column:1}
#records #create-form .contract-form-toolbar{grid-column:2;justify-content:flex-start}
#records #contract-fields{grid-column:1/-1!important;display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px 10px!important}
#records #contract-fields .contract-field-group{display:none!important}
#records #contract-fields>label{font-size:16px!important;font-weight:750!important;gap:3px!important}
#records #contract-fields input,#records #contract-fields select,#records #contract-fields textarea{
 height:36px!important;min-height:36px!important;font-size:16px!important;
 padding:5px 8px!important;border:1px solid #000!important}
#records #contract-fields textarea{height:60px!important}
#records #create-form .submit-row{grid-column:1/-1}
@media(max-width:1320px){#records #contract-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){#records #contract-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){#records #contract-fields{grid-template-columns:1fr!important}
 #records #create-form{grid-template-columns:1fr!important}
 #records #create-form .contract-form-toolbar{grid-column:1}}

/* Compact service contract checklist: no full-page spreading */
#settings #settings-contract-field-editor{
 width:min(100%,1030px)!important;
 max-width:1030px!important;
 padding:12px 15px!important;
 margin-left:0!important;
 margin-right:auto!important;
}
#settings #settings-contract-field-editor .panel-heading{margin-bottom:6px!important}
#settings #settings-contract-field-editor .panel-heading h2{font-size:19px!important}
#settings #settings-contract-field-editor .settings-contract-explanation{
 font-size:16px!important;margin:2px 0 6px!important;line-height:1.3!important}
#settings #settings-contract-checklist{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:2px 10px!important;
 max-width:990px!important;
}
#settings #settings-contract-checklist .settings-field-group{
 grid-column:1/-1!important;
 font-size:16px!important;
 margin:5px 0 1px!important;
 padding:3px 8px!important;
 border-radius:4px!important;
}
#settings #settings-contract-checklist .settings-field-item{
 min-height:25px!important;
 padding:2px 4px!important;
 gap:4px!important;
 border-bottom:1px solid #e3ebf3!important;
}
#settings #settings-contract-checklist .settings-field-label{
 font-size:16px!important;
 font-weight:650!important;
 gap:6px!important;
 line-height:1.25!important;
}
#settings #settings-contract-checklist .settings-field-label input{
 width:16px!important;height:16px!important;min-height:16px!important;
}
#settings #settings-contract-checklist .settings-custom-rename,
#settings #settings-contract-checklist .settings-custom-archive{
 font-size:16px!important;padding:3px 5px!important;
}
#settings #settings-contract-field-editor .settings-custom-field-section{margin-top:10px!important}
@media(max-width:850px){
 #settings #settings-contract-checklist{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:570px){
 #settings #settings-contract-checklist{grid-template-columns:1fr!important}
 #settings #settings-contract-field-editor{padding:10px!important}
}

/* CONTRACT_SETTINGS_SAVE_V3: full-width sheet, dense field text, explicit persistent save */
#settings #settings-contract-field-editor{
 width:100%!important;max-width:none!important;min-width:0!important;
 margin:0 0 13px!important;padding:13px 18px!important;
}
#settings #settings-contract-checklist{
 width:100%!important;max-width:1180px!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:2px 10px!important;align-content:start!important;
}
#settings #settings-contract-checklist .settings-field-group{
 margin:5px 0 1px!important;padding:3px 9px!important;
 font-size:16px!important;line-height:1.15!important;
}
#settings #settings-contract-checklist .settings-field-item{
 min-height:26px!important;padding:2px 3px!important;gap:4px!important;
}
#settings #settings-contract-checklist .settings-field-label{
 font-size:16px!important;line-height:1.18!important;gap:6px!important;
}
#settings #settings-contract-checklist .settings-field-label input{
 width:16px!important;height:16px!important;min-height:16px!important;
 margin:0!important;
}
#settings #settings-contract-field-editor .settings-custom-field-section{
 margin-top:8px!important;padding-top:8px!important;
}
#settings #settings-contract-field-editor .settings-custom-field-section>.panel-heading{margin-bottom:6px!important}
#settings #settings-contract-field-editor .settings-contract-actions{
 display:flex!important;align-items:center;justify-content:flex-end;gap:10px;
 position:sticky;bottom:0;z-index:4;background:#fff;
 padding:10px 0 3px;border-top:1px solid #bccddd;margin-top:10px;
}
#settings #settings-contract-field-editor #settings-contract-field-result{
 flex:1;min-width:0;font-size:16px!important;margin:0!important;
}
#settings #settings-contract-field-editor .settings-contract-actions button{
 font-size:16px!important;line-height:1.1!important;padding:10px 15px!important;
 min-height:40px!important;white-space:nowrap;
}
#settings #settings-contract-save{background:#1763d8!important;color:#fff!important;font-weight:850!important}
#settings #settings-custom-new{background:#fff!important;color:#1763d8!important;border:1px solid #1763d8!important}
#settings #settings-custom-new:hover{background:#eaf2ff!important}
#settings #settings-contract-field-editor.has-unsaved-changes #settings-contract-save{
 box-shadow:0 0 0 2px rgba(23,99,216,.2);
}
@media(max-width:1380px){#settings #settings-contract-checklist{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:940px){#settings #settings-contract-checklist{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:590px){
 #settings #settings-contract-checklist{grid-template-columns:1fr!important}
 #settings #settings-contract-field-editor{padding:10px!important}
 #settings #settings-contract-field-editor .settings-contract-actions{flex-wrap:wrap}
 #settings #settings-contract-field-editor #settings-contract-field-result{flex-basis:100%}
 #settings #settings-contract-field-editor .settings-contract-actions button{flex:1;white-space:normal}
}

/* Geography cascade - settings + contracts */
/* A card's display rules must never override the native hidden attribute. */
#settings #settings-geography[hidden]{display:none!important}
#settings .settings-geo-card{max-width:1130px;padding:14px!important;border:1px solid #000!important;margin:12px 0}
#settings .settings-geo-card .panel-heading h2{font-size:19px!important}
#settings .geo-help{font-size:16px;color:#000;margin:5px 0 12px}
#settings .geo-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#settings .geo-three label,#settings .geo-manage-form label,#settings .geo-rebind label{display:flex;flex-direction:column;gap:5px;
font-size:16px;font-weight:800;color:#0d3159}
#settings .settings-geo-card select,#settings .settings-geo-card input{border:1px solid #000!important;border-radius:6px;
height:39px;font-size:16px;padding:6px 9px;min-width:0;background:#fff;color:#112f55}
#settings .geo-manage-form{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:10px;align-items:end;margin:13px 0 8px}
#settings .geo-manage-form button{height:39px;white-space:nowrap;font-size:16px}
#settings .geo-rebind{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:10px;border-top:1px solid #bbcbdd}
#settings .geo-rebind button{height:39px;border:1px solid #000;border-radius:6px;padding:7px 11px;font-size:16px}
#settings #geo-result{margin-top:7px;font-size:16px}
#records #contract-fields select[name=destination],
#records #contract-fields select[name=region],
#records #contract-fields select[name=resort]{border:1px solid #000!important}
@media(max-width:850px){#settings .geo-three{grid-template-columns:repeat(2,minmax(0,1fr))}
#settings .geo-manage-form{grid-template-columns:1fr 1fr}
#settings .geo-manage-form button{grid-column:1/-1}
#settings .geo-rebind{grid-template-columns:1fr 1fr}}
@media(max-width:550px){#settings .geo-three,#settings .geo-rebind{grid-template-columns:1fr}
#settings .geo-manage-form{grid-template-columns:1fr}}

/* Client name search rather than visible ID picker */
#records #contract-fields .client-autocomplete{position:relative;z-index:40}
#records #contract-fields .client-matches{
 position:absolute;top:calc(100% - 2px);left:0;width:min(480px,140%);
 max-height:250px;overflow-y:auto;z-index:80;border:1px solid #000;
 border-radius:7px;background:#fff;box-shadow:0 6px 18px rgba(7,35,70,.2);padding:4px}
#records #contract-fields .client-matches[hidden]{display:none!important}
#records #contract-fields .client-match{display:flex;justify-content:space-between;
 align-items:center;text-align:left;width:100%;background:white;border:0;
 border-bottom:1px solid #e0e8f1;padding:9px;cursor:pointer;font-size:16px;color:#123456}
#records #contract-fields .client-match:focus,#records #contract-fields .client-match:hover{background:#e7f0ff}
#records #contract-fields .client-match small{font-size:16px;color:#000}
#records #contract-fields .client-no-matches{padding:9px;font-size:16px;color:#000}
#records #contract-fields .client-matches-status{font-size:16px;color:#33618a;font-weight:500}
#records #contract-fields .client-matches-status:empty{display:none}


/* Contract semantic sections V3: compact groups, responsive, 1px black inputs */
#records #contract-fields{
 display:flex!important;flex-direction:column!important;
 gap:12px!important;grid-template-columns:none!important;
 width:100%;max-width:100%;
}
#records #contract-fields .contract-section{
 border:1px solid #cbd8e8;border-radius:9px;min-width:0;
 padding:9px 12px 12px;background:#fff;
}
#records #contract-fields .contract-section-title{
 font-size:17px!important;font-weight:850;color:#10365f;margin:0 0 8px!important;
 padding:0 0 6px!important;border-bottom:1px solid #d9e4f2;
}
#records #contract-fields .contract-section-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:8px 12px!important;min-width:0;
}
#records #contract-fields .contract-section-grid>label{
 display:flex;position:relative;min-width:0;flex-direction:column;
 gap:4px!important;font-size:16px!important;line-height:1.3;
 font-weight:750!important;color:#153455;
}
#records #contract-fields .contract-section-grid input,
#records #contract-fields .contract-section-grid select,
#records #contract-fields .contract-section-grid textarea{
 box-sizing:border-box;width:100%;min-width:0;
 border:1px solid #000!important;border-radius:6px!important;
 min-height:39px!important;height:39px!important;font-size:16px!important;
 padding:6px 9px!important;background:#fff;
}
#records #contract-fields .contract-section-grid textarea{
 min-height:72px!important;height:72px!important;resize:vertical;
}
#records #contract-fields .client-autocomplete{position:relative;z-index:50}
@media(max-width:1300px){
 #records #contract-fields .contract-section-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
 #records #contract-fields .contract-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
 #records #contract-fields .contract-section-grid{grid-template-columns:1fr!important}
 #records #contract-fields .contract-section{padding:8px!important}
}

/* Individual small age boxes for each child, inside the Family group */
#records #contract-fields .children-age-editor{
 display:flex;flex-direction:column;gap:4px;min-width:0;
 grid-column:span 2;align-self:start;
}
#records #contract-fields .children-age-heading{
 color:#153455;font-size:16px;font-weight:750;line-height:1.3;
}
#records #contract-fields .children-age-boxes{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start}
#records #contract-fields .child-age-item{display:flex;flex-direction:column;gap:3px;max-width:90px;
 font-weight:650;font-size:16px;color:#27486d;position:relative}
#records #contract-fields .child-age-item input{
 width:76px!important;min-width:60px!important;max-width:76px!important;
 text-align:center;border:1px solid #000!important;border-radius:6px;
 height:36px!important;min-height:36px!important;padding:5px 2px!important;
 font-size:16px!important;font-weight:700}
#records #contract-fields .child-age-item small{font-size:16px;color:#000;text-align:center}
#records #contract-fields .children-age-help{font-size:16px;line-height:1.35;color:#000}
@media(max-width:650px){#records #contract-fields .children-age-editor{grid-column:1/-1}}


/* Very clear create/collapse action, shown only in Contracts. */
#records #contract-form-toggle[hidden],
#records #contract-saved-notice[hidden],
#records #record-form[hidden],
#records #form-result[hidden],
#records .form-card>.panel-heading[hidden]{display:none!important}
#records .contract-form-card{padding:8px 11px!important;margin:0 0 10px!important;overflow:visible}
#records .contract-form-card .panel-heading{display:none!important}
#records .contract-form-toggle{
 display:flex!important;align-items:center!important;gap:12px!important;
 width:100%!important;min-height:62px!important;box-sizing:border-box!important;
 padding:9px 16px!important;border:1px solid #000!important;border-radius:9px!important;
 background:#1763d8!important;color:#fff!important;
 cursor:pointer;text-align:left!important;
 box-shadow:0 3px 11px rgba(12,64,138,.18)!important;
}
#records .contract-form-toggle:hover{background:#0e50b2!important}
#records .contract-form-toggle:focus-visible{outline:3px solid #ffb829!important;outline-offset:3px!important}
#records .contract-toggle-leading{
 display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
 border:1px solid rgba(255,255,255,.6);border-radius:9px;
 font-size:26px!important;font-weight:900;line-height:1;
}
#records .contract-toggle-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#records .contract-toggle-text strong{font-size:20px!important;line-height:1.2!important;font-weight:900!important;color:#fff!important}
#records .contract-toggle-text small{font-size:16px!important;line-height:1.3!important;color:#e8f1ff!important;font-weight:650}
#records .contract-toggle-arrow{font-size:22px!important;font-weight:900!important;color:#fff!important;
 display:grid;place-items:center;min-width:36px;height:36px;
 border:1px solid rgba(255,255,255,.5);border-radius:7px}
#records .contract-form-expanded .contract-form-toggle{background:#113b72!important;margin-bottom:12px}
#records .contract-form-expanded .contract-form-toggle:hover{background:#194d8e!important}
#records .contract-form-collapsed #record-form,
#records .contract-form-collapsed #form-result{display:none!important}
#records .contract-saved-notice{
 padding:10px 14px;margin:7px 0 1px;
 color:#125333;background:#eaf9ed;border:1px solid #438f5b;border-radius:6px;
 font-size:16px;font-weight:750;
}
#records .records-card{margin-top:0!important}
@media(max-width:640px){
 #records .contract-form-toggle{padding:9px 11px!important;min-height:56px!important;gap:8px!important}
 #records .contract-toggle-text strong{font-size:17px!important}
 #records .contract-toggle-text small{font-size:16px!important}
 #records .contract-toggle-leading{width:33px;flex-basis:33px;height:33px;font-size:23px!important}
}

/* Payment accounting ledger */
#records #payment-ledger-tools[hidden]{display:none!important}
#records .payment-ledger-title{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:baseline;margin-bottom:12px}
#records .payment-ledger-title b{font-size:18px;color:#12315b}
#records .payment-ledger-title small{font-size:16px;color:#000}
#records .payment-ledger-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;
 padding:12px;border-radius:8px;background:#f0f6ff;border:1px solid #000}
#records .payment-ledger-filters label{font-size:16px;font-weight:750;color:#102f56;display:flex;flex-direction:column;gap:5px}
#records .payment-ledger-filters select,#records .payment-ledger-filters input{
 width:100%;height:39px;padding:7px 9px;font-size:16px;min-width:0;border:1px solid #000;border-radius:6px;background:#fff;color:#142944}
#records .payment-ledger-buttons{display:flex;gap:10px;justify-content:flex-start;align-items:center}
#records .payment-ledger-buttons button{font-size:16px;min-height:38px}
#records .payment-ledger-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin:12px 0}
#records .payment-currency-card{border:1px solid #b6cbe4;border-radius:8px;padding:10px 12px;background:#fff;min-width:0}
#records .payment-currency-card>b{color:#17488d;font-size:16px;display:block;margin-bottom:6px}
#records .payment-currency-card>div{display:flex;justify-content:space-between;gap:8px;font-size:16px;padding:3px 0}
#records .payment-currency-card strong{font-size:16px;white-space:nowrap}
#records .pay-in{color:#07804a!important;font-weight:850}
#records .pay-out{color:#ad3434!important;font-weight:850}
#records .payment-ledger-info{color:#000;font-size:16px;margin:8px 0 12px}
#records .payment-table-scroll{max-width:100%;overflow-x:auto}
#records .payment-table{min-width:1070px}
#records .payment-table th,#records .payment-table td{font-size:16px!important;padding:10px 9px!important}
#records .payment-table td.payment-amount{white-space:nowrap;text-align:right}
#records .payment-table tr.pay-incoming{background:#effbf5}
#records .payment-table tr.pay-outgoing{background:#fff5f3}
#records .payment-table tbody tr{border-bottom:1px solid #d3dfed}
@media(max-width:1150px){#records .payment-ledger-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#records .payment-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#records .payment-ledger-filters{grid-template-columns:1fr}}

/* Contract drilldown and print tools */
#records .contract-number-link{border:0;background:none;color:#0756bd;font-weight:850;text-decoration:underline;
 font-size:inherit;cursor:pointer;padding:5px 2px}
#records .contract-number-link:hover{color:#003d87}
#records .contract-number-link:focus-visible{outline:3px solid #f7ac41;border-radius:3px}
#records #contract-profile[hidden]{display:none!important}
#records .contract-profile{border:1px solid #000;border-radius:10px;padding:18px;margin-top:15px;background:white;scroll-margin-top:100px}
#records .profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#records .profile-head h3{font-size:22px;color:#0b2b55}
#records .contract-profile h4{font-size:18px;margin:15px 0 8px;color:#12375f}
#records .profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
#records .profile-balance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#records .profile-balance>div{border:1px solid #d4deeb;border-radius:7px;padding:12px;background:#f5f9ff}
#records .profile-balance span{font-size:16px;display:block;color:#000}
#records .profile-balance b{font-size:20px;color:#0b3b78}
#records .profile-payments{overflow:auto}
#records .profile-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
#records .profile-edit-grid label{display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:4px;color:#183757;min-width:0}
#records .profile-edit-grid input,#records .profile-edit-grid select{
 width:100%;height:39px;padding:7px 9px;border:1px solid #000;border-radius:5px;font-size:16px;min-width:0}
#records .profile-help{font-size:16px;color:#000}
#records .profile-form-actions{align-self:end}
@media(max-width:1050px){#records .profile-edit-grid,#records .profile-balance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#records .profile-edit-grid,#records .profile-balance{grid-template-columns:1fr}}

#records .contract-status-label{display:inline-flex;min-width:78px;justify-content:center;padding:5px 8px;
 border:1px solid #000;border-radius:6px;color:#141414;font-size:16px;font-weight:800;white-space:nowrap}
#records .contract-status-label.status-paid{background:#b7efc6}
#records .contract-status-label.status-partial{background:#ffe197}
#records .contract-status-label.status-unpaid{background:#ffd1d1}
#records .contract-status-label.status-docs{background:#b9e6ff}

/* Owner-only product request inbox. Separate from the pilot travel leads. */
.product-inbox-card{padding:20px;min-width:0}
.product-inbox-intro{color:#000;line-height:1.5;max-width:900px}
.product-inbox-scroll{overflow-x:auto}
.product-inbox-table{border-collapse:collapse;width:100%;min-width:980px;text-align:left;font-size:16px}
.product-inbox-table th,.product-inbox-table td{padding:12px 10px;border-bottom:1px solid #deebf5;vertical-align:top;overflow-wrap:anywhere}
.product-inbox-table thead th{background:#eaf2fd;color:#17476f;font-weight:750}
.product-inbox-table tbody tr:hover{background:#f5faff}
#product-inquiries-stats{margin:16px 0;font-size:16px;font-weight:750}



/* Travel Office product acquisition pipeline: colorful draggable Kanban and protected chat. */
.product-inbox-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:17px 0}
.product-inbox-toolbar span{font-size:16px;color:#000}
.product-inbox-table td{vertical-align:middle}
.product-inbox-table tr[data-lead-row]{cursor:pointer}
.product-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.prod-btn{border:1px solid #bbcee7;border-radius:7px;background:#f0f6fd;color:#174d8c;padding:7px 10px;font-size:16px;font-weight:800;white-space:nowrap}
.prod-btn-take{background:#1375eb;color:white;border-color:#1375eb}
.prod-btn-danger{background:#fff1f2;color:#be2840;border-color:#ffd0d8}
.prod-btn:hover{filter:brightness(.95)}
.product-stage-badge{display:inline-block;font-size:16px;font-weight:850;border-radius:50px;padding:6px 10px;white-space:nowrap;color:#244d74;background:#e4eefa}
.product-stage-badge.p-stage-new{background:#ebeff4;color:#000}
.product-stage-badge.p-stage-in_work{background:#d7ebff;color:#135ec5}
.product-stage-badge.p-stage-contacted{background:#d8f6fb;color:#147d95}
.product-stage-badge.p-stage-demo{background:#eee5ff;color:#7250c0}
.product-stage-badge.p-stage-offer{background:#fff0d7;color:#955600}
.product-stage-badge.p-stage-negotiation{background:#ffe2e7;color:#ae354e}
.product-stage-badge.p-stage-won{background:#dbf8e9;color:#147e55}
.product-stage-badge.p-stage-lost{background:#e6e9ee;color:#000}
.product-funnel-header{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}
.product-funnel-header h2{font-size:22px;color:#0b2e57;margin:0 0 6px}
.product-funnel-header p{margin:0;font-size:16px;color:#000;line-height:1.55}
.product-funnel-header button{flex-shrink:0}
.product-pipeline-stats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.product-pipeline-stats span{background:#f7fbff;border:1px solid #c7dcf6;border-radius:9px;padding:12px 15px;color:#213c5d;font-size:16px}
.product-pipeline-stats b{font-size:18px;color:#1763d8}
.product-funnel-board{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:4px 3px 24px;min-height:440px;scrollbar-color:#70acfb #153a64}
.product-funnel-column{min-width:237px;width:237px;max-width:237px;background:#eaf3fe;border:1px solid #7ba9dc60;border-radius:15px;box-shadow:inset 0 5px var(--funnel-color);padding:10px;transition:background .15s,outline .15s}
.product-funnel-column-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 4px 13px}
.product-funnel-column-head h3{font-size:16px;color:#1b3353;margin:0}
.product-funnel-column-head span{display:grid;place-items:center;min-width:29px;height:29px;border-radius:8px;background:var(--funnel-color);color:white;font-size:16px;font-weight:900}
.product-funnel-stack{min-height:320px;display:flex;flex-direction:column;gap:9px}
.product-funnel-card{background:white;cursor:grab;user-select:none;border-radius:12px;border:1px solid #d1e2f5;border-left:4px solid var(--funnel-color);padding:13px 11px;box-shadow:0 6px 14px #15396020;display:flex;flex-direction:column;gap:8px;min-height:115px}
.product-funnel-card:hover,.product-funnel-card:focus-visible{border-color:#579cfa;box-shadow:0 9px 22px #174a8e2a;outline:2px solid #78b2f5}
.product-funnel-card.is-dragging{opacity:.4}
.product-funnel-column.is-drop-target{background:#cfe6ff;outline:3px dashed var(--funnel-color);outline-offset:-5px}
.product-funnel-company{color:#0b2749;font-weight:900;font-size:16px;overflow-wrap:anywhere}
.product-funnel-contact{color:#000;font-size:16px;overflow-wrap:anywhere}
.product-funnel-bottom{font-size:16px;color:#4076b7;display:flex;justify-content:space-between;gap:9px;margin-top:auto}
.product-funnel-empty{display:grid;place-items:center;min-height:110px;text-align:center;padding:12px;border:1px dashed #bed3ec;border-radius:10px;color:#000;font-size:16px}
.product-funnel-loading,.product-funnel-error{color:#eaf4ff}
.product-lead-overlay[hidden]{display:none!important}
.product-lead-overlay{position:fixed;inset:0;z-index:500;display:flex;justify-content:flex-end}
.product-lead-backdrop{position:absolute;inset:0;background:#031027c9}
.product-lead-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(710px,100vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#f4f8ff;color:#132746;box-shadow:-18px 0 70px #0006;padding:0 23px 25px}
body.lead-dialog-open{overflow:hidden}
.product-lead-head{position:sticky;top:0;z-index:2;background:#0e3265;color:#fff;margin:0 -23px;padding:18px 23px;display:flex;justify-content:space-between;align-items:center;gap:13px}
.product-lead-head small{color:#9fcfff;font-size:16px;font-weight:900;letter-spacing:.09em}
.product-lead-head h2{font-size:21px;color:white;margin:7px 0 0}
.product-lead-close{background:#ffffff21;border:1px solid #ffffff40;color:#fff;border-radius:10px;min-width:42px;height:42px;font-size:20px}
.product-lead-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 0}
.product-lead-field{background:#fff;border:1px solid #dce6f5;border-radius:11px;padding:12px;min-width:0}
.product-lead-field span{display:block;color:#000;font-size:16px;font-weight:800;margin-bottom:6px}
.product-lead-field strong{font-size:16px;color:#182e4b;overflow-wrap:anywhere}
.product-lead-field a{color:#1763d8}
.product-lead-stage-control{background:#deedff;border:1px solid #bbdaf9;padding:13px;border-radius:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.product-lead-stage-control label{font-size:16px;font-weight:850;color:#1d4471}
.product-lead-stage-control select{min-width:145px;flex:1;border-radius:8px;border:1px solid #9fbce4;padding:9px;background:#fff;color:#133961}
.product-lead-stage-control button{padding:10px 14px}
.product-lead-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}
.product-lead-chat-head h3{font-size:19px;color:#173960;margin:0}
.product-lead-chat-head span{font-size:16px;color:#000}
.product-lead-chat{background:linear-gradient(145deg,#e3edf9,#f1f7ff);border:1px solid #d5e3f7;border-radius:15px;min-height:230px;max-height:355px;overflow-y:auto;padding:17px 15px;display:flex;flex-direction:column;gap:11px;margin:11px 0}
.product-chat-event{align-self:center;text-align:center;max-width:94%;font-size:16px;color:#000;background:#ffffffad;border:1px solid #dae6f2;border-radius:18px;padding:8px 13px}
.product-chat-line{display:flex}.product-chat-line.outgoing{justify-content:flex-end}
.product-chat-line.incoming{justify-content:flex-start}.product-chat-line.note{justify-content:center}
.product-chat-bubble{background:#fff;border-radius:14px;padding:11px 13px;max-width:85%;min-width:145px;box-shadow:0 3px 13px #172d5220}
.product-chat-line.outgoing .product-chat-bubble{background:#d8f7e8}
.product-chat-line.note .product-chat-bubble{background:#fff7dd;border:1px solid #ffe3a0;max-width:94%}
.product-chat-message-head{font-size:16px;font-weight:850;color:#4070a0}
.product-chat-bubble p{font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.product-chat-bubble time{display:block;text-align:right;font-size:16px;color:#000}
.product-lead-composer{background:white;padding:12px;border:1px solid #dce5f3;border-radius:13px}
.product-lead-message-settings{display:flex;gap:11px;margin-bottom:11px}
.product-lead-message-settings label{flex:1;display:flex;flex-direction:column;gap:5px;color:#000;font-size:16px;font-weight:850}
.product-lead-message-settings select{background:#f6faff;padding:10px;border-radius:7px;border:1px solid #cbdcf0;color:#142c4a;width:100%}
.product-lead-composer textarea{width:100%;border-radius:9px;padding:12px;border:1px solid #c6d8ea;font:inherit;font-size:16px;line-height:1.5;min-height:80px;resize:vertical;color:#132b4c;background:white}
.product-lead-message-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
#product-lead-feedback{font-size:16px;color:#0d835a;line-height:1.35}
.product-lead-delete{border:1px solid #ffc5ce;background:#ffeff0;border-radius:8px;padding:10px 15px;color:#b72842;font-size:16px;font-weight:800;align-self:flex-start;margin-top:14px}
@media(max-width:700px){.product-funnel-header{flex-direction:column;align-items:flex-start}.product-funnel-column{min-width:235px}.product-lead-panel{padding:0 13px 20px}.product-lead-head{margin:0 -13px;padding:14px}.product-lead-details{grid-template-columns:1fr}.product-lead-message-settings{flex-direction:column}.product-lead-stage-control{align-items:stretch;flex-direction:column}}

/* High-contrast black text on all light surfaces in product inquiries,
   pipeline, and chat. Keep the original white type on dark-blue headers. */
#product-inquiries .product-inbox-card,#product-inquiries .product-inbox-card p,
#product-inquiries .product-inbox-card span,#product-inquiries .product-inbox-card td,
#product-inquiries .product-inbox-card th,#product-inquiries #product-inquiries-stats,
#product-inquiries .product-inbox-toolbar span,
#product-pipeline .product-funnel-header,#product-pipeline .product-funnel-header p,
#product-pipeline .product-funnel-column h3,#product-pipeline .product-funnel-company,
#product-pipeline .product-funnel-contact,#product-pipeline .product-funnel-bottom,
#product-pipeline .product-funnel-empty,#product-pipeline .product-pipeline-stats span,
#product-pipeline .product-pipeline-stats b,
.product-lead-panel .product-lead-details span,.product-lead-panel .product-lead-details strong,
.product-lead-panel .product-lead-field a,
.product-lead-panel .product-lead-stage-control label,
.product-lead-panel .product-lead-chat-head h3,.product-lead-panel .product-lead-chat-head span,
.product-lead-panel .product-chat-event,.product-lead-panel .product-chat-message-head,
.product-lead-panel .product-chat-bubble time,.product-lead-panel .product-chat-bubble p,
.product-lead-panel .product-lead-message-settings label,
.product-lead-panel .product-lead-composer textarea,.product-lead-panel .product-lead-message-settings select
{color:#000!important}
#product-inquiries .product-stage-badge{color:#000!important}
#product-inquiries .product-row-actions .prod-btn-take{color:white!important}
#product-inquiries .product-row-actions .prod-btn:not(.prod-btn-take){color:#000!important}


/* Fullscreen product lead workspace v1 — open card on entire screen */
.product-lead-overlay{inset:0!important;display:block!important;z-index:1000!important}
.product-lead-overlay[hidden]{display:none!important}
.product-lead-overlay .product-lead-backdrop{display:none!important}
.product-lead-overlay .product-lead-panel{
 width:100vw!important;max-width:none!important;height:100dvh!important;
 min-height:100dvh!important;box-shadow:none!important;overflow-y:auto!important;
 padding:0 clamp(18px,3vw,56px) 36px!important;background:#f1f6ff!important;
}
.product-lead-overlay .product-lead-head{
 margin:0 calc(-1 * clamp(18px,3vw,56px))!important;
 padding:21px clamp(18px,3vw,56px)!important;
 gap:20px!important;box-shadow:0 5px 17px #061e4036!important
}
.product-lead-overlay .product-lead-head small{font-size:16px!important}
.product-lead-overlay .product-lead-head h2{font-size:28px!important;line-height:1.23!important}
.product-lead-overlay .product-lead-close{min-width:47px!important;height:47px!important;font-size:23px!important}
.product-lead-overlay .product-lead-details{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:15px!important;padding:22px 0 16px!important
}
.product-lead-overlay .product-lead-field{padding:18px 19px!important;border-radius:12px!important}
.product-lead-overlay .product-lead-field span{font-size:16px!important;line-height:1.4!important}
.product-lead-overlay .product-lead-field strong{font-size:17px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.product-lead-overlay .product-lead-stage-control{padding:17px!important;gap:15px!important}
.product-lead-overlay .product-lead-stage-control label{font-size:16px!important}
.product-lead-overlay .product-lead-stage-control select{font-size:17px!important;padding:12px!important;max-width:600px!important}
.product-lead-overlay .product-lead-stage-control .primary-button{font-size:17px!important;padding:13px 21px!important}
.product-lead-overlay .product-lead-chat-head{margin-top:21px!important;flex-wrap:wrap!important}
.product-lead-overlay .product-lead-chat-head h3{font-size:22px!important}
.product-lead-overlay .product-lead-chat-head span{font-size:16px!important}
.product-lead-overlay .product-lead-chat{
 min-height:270px!important;height:clamp(270px,37vh,540px)!important;
 max-height:none!important;padding:22px 26px!important;gap:14px!important;
}
.product-lead-overlay .product-chat-event{font-size:16px!important;padding:10px 16px!important}
.product-lead-overlay .product-chat-bubble{max-width:min(75%,840px)!important;min-width:210px!important;padding:14px 17px!important}
.product-lead-overlay .product-chat-message-head{font-size:16px!important}
.product-lead-overlay .product-chat-bubble p{font-size:17px!important;line-height:1.58!important}
.product-lead-overlay .product-chat-bubble time{font-size:16px!important}
.product-lead-overlay .product-lead-composer{padding:20px 24px!important}
.product-lead-overlay .product-lead-message-settings{gap:17px!important;margin-bottom:15px!important}
.product-lead-overlay .product-lead-message-settings label{font-size:16px!important;max-width:430px!important}
.product-lead-overlay .product-lead-message-settings select{font-size:17px!important;padding:12px!important}
.product-lead-overlay .product-lead-composer textarea{font-size:17px!important;line-height:1.55!important;min-height:105px!important;padding:14px 17px!important}
.product-lead-overlay .product-lead-message-bottom{gap:15px!important;margin-top:14px!important}
.product-lead-overlay #product-lead-feedback{font-size:16px!important}
.product-lead-overlay .product-lead-message-bottom .primary-button{font-size:17px!important;padding:14px 21px!important}
.product-lead-overlay .product-lead-delete{font-size:16px!important;padding:13px 18px!important}
@media(max-width:1100px){
 .product-lead-overlay .product-lead-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .product-lead-overlay .product-lead-chat{height:37vh!important;min-height:300px!important}
}
@media(max-width:650px){
 .product-lead-overlay .product-lead-panel{padding:0 14px 22px!important}
 .product-lead-overlay .product-lead-head{margin:0 -14px!important;padding:17px 14px!important}
 .product-lead-overlay .product-lead-head h2{font-size:24px!important}
 .product-lead-overlay .product-lead-details{grid-template-columns:1fr!important;gap:9px!important;padding:12px 0!important}
 .product-lead-overlay .product-lead-field{padding:13px 15px!important}
 .product-lead-overlay .product-lead-stage-control{align-items:stretch!important;flex-direction:column!important}
 .product-lead-overlay .product-lead-stage-control select{max-width:none!important}
 .product-lead-overlay .product-lead-chat{height:35vh!important;min-height:270px!important;padding:15px!important}
 .product-lead-overlay .product-chat-bubble{max-width:95%!important;min-width:150px!important}
 .product-lead-overlay .product-lead-composer{padding:15px!important}
 .product-lead-overlay .product-lead-message-settings{flex-direction:column!important}
 .product-lead-overlay .product-lead-message-settings label{max-width:none!important}
 .product-lead-overlay .product-lead-message-bottom{align-items:stretch!important;flex-direction:column!important}
}


/* Compact fullscreen lead workspace v2: data first, chat gets the space */
.product-lead-overlay .product-lead-head{
  min-height:64px!important;
  padding:9px clamp(18px,3vw,56px)!important;
  gap:12px!important;
}
.product-lead-overlay .product-lead-head small{font-size:16px!important;line-height:1.15!important}
.product-lead-overlay .product-lead-head h2{font-size:23px!important;line-height:1.17!important;margin:3px 0 0!important}
.product-lead-overlay .product-lead-close{min-width:38px!important;height:38px!important;font-size:20px!important}
.product-lead-overlay .product-lead-details{
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.65fr) minmax(0,1.25fr) repeat(3,minmax(0,.85fr))!important;
  gap:8px!important;padding:10px 0 9px!important;
}
.product-lead-overlay .product-lead-field{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  min-height:58px!important;padding:8px 11px!important;border-radius:9px!important;
}
.product-lead-overlay .product-lead-field span{
  font-size:16px!important;line-height:1.2!important;margin-bottom:3px!important;
}
.product-lead-overlay .product-lead-field strong{
  font-size:17px!important;line-height:1.25!important;
}
.product-lead-overlay .product-lead-stage-control{
  padding:8px 13px!important;gap:10px!important;min-height:53px!important;border-radius:9px!important;
}
.product-lead-overlay .product-lead-stage-control label{font-size:16px!important}
.product-lead-overlay .product-lead-stage-control select{
  flex:0 1 350px!important;max-width:350px!important;
  min-width:180px!important;font-size:17px!important;
  height:40px!important;padding:7px 11px!important;
}
.product-lead-overlay .product-lead-stage-control .primary-button{
  font-size:16px!important;padding:8px 15px!important;min-height:40px!important;
}
.product-lead-overlay .product-lead-chat-head{margin-top:12px!important}
.product-lead-overlay .product-lead-chat{
  height:clamp(300px,43vh,610px)!important;padding:17px 20px!important;margin:8px 0!important;
}
@media(max-width:1599px){
 .product-lead-overlay .product-lead-details{
   grid-template-columns:repeat(4,minmax(0,1fr))!important
 }
}
@media(max-width:900px){
 .product-lead-overlay .product-lead-details{
   grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
 .product-lead-overlay .product-lead-chat{height:36vh!important;min-height:270px!important}
}
@media(max-width:650px){
 .product-lead-overlay .product-lead-head{padding:10px 14px!important;min-height:60px!important}
 .product-lead-overlay .product-lead-details{gap:7px!important;padding:8px 0!important}
 .product-lead-overlay .product-lead-field{padding:9px 11px!important;min-height:54px!important}
 .product-lead-overlay .product-lead-stage-control{
   flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;
   padding:8px 10px!important;gap:8px!important;
 }
 .product-lead-overlay .product-lead-stage-control select{
   flex:1 1 150px!important;min-width:135px!important;max-width:none!important
 }
 .product-lead-overlay .product-lead-stage-control .primary-button{flex:0 0 auto!important}
 .product-lead-overlay .product-lead-chat{height:37vh!important;min-height:280px!important}
}
@media(max-width:490px){
 .product-lead-overlay .product-lead-details{grid-template-columns:1fr!important}
 .product-lead-overlay .product-lead-field{min-height:48px!important}
}

/* Contract desk V3 — dense, readable working layout. No duplicate financial state. */
#records .contract-profile{border:1px solid #b4c5dd;background:#fff;padding:16px;border-radius:13px;box-shadow:0 8px 24px #06204c1b}
#records .profile-head{align-items:flex-start}
#records .profile-head h3{margin:1px 0 3px;font-size:21px;line-height:1.25;color:#102c52}
#records .profile-overline{font-size:16px;color:#175bab;font-weight:900;letter-spacing:.13em}
#records .profile-subline{font-size:16px;font-weight:650;color:#243f61;margin:4px 0 0}
#records .profile-actions{margin:12px 0;gap:8px}
#records .profile-actions button{padding:9px 13px;min-height:36px}
#records .profile-secondary-button{background:#14477b;color:white}
#records .profile-balance{gap:8px;margin:8px 0 14px}
#records .profile-balance>div{padding:9px 12px;border-radius:9px;background:#edf4ff}
#records .profile-balance .debt{background:#fff3ef;border-color:#f4c9b9}
#records .profile-balance .supplier{background:#fff5e4;border-color:#efd39b}
#records .profile-balance span{font-size:16px;color:#000;font-weight:700}
#records .profile-balance b{font-size:21px;line-height:1.2;display:block;margin-top:2px;color:#0d3970}
#records .profile-balance .debt b,#records .profile-balance .supplier b{color:#9c3a1a}
#records .profile-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 12px}
#records .profile-transaction-panel{min-width:0;border:1px solid #d1dfef;border-radius:10px;overflow:hidden;background:#fff}
#records .profile-transaction-panel .panel-heading{padding:10px 12px;background:#eaf2ff;margin:0;flex-wrap:wrap}
#records .profile-transaction-panel h4{font-size:16px;margin:0}
#records .profile-transaction-panel .panel-heading span{font-size:16px;color:#183e71;font-weight:800}
#records .contract-pay-scroll{overflow:auto;max-height:285px}
#records .profile-transaction-panel .record-table{min-width:430px}
#records .profile-transaction-panel .record-table td,
#records .profile-transaction-panel .record-table th{padding:8px 9px;color:#172f50;font-size:16px}
#records .profile-transaction-panel .record-table .sum{font-weight:900;color:#0d467f;white-space:nowrap}
#records .profile-disclosure{border:1px solid #d1ddea;border-radius:9px;margin:9px 0;padding:0 12px;background:#fdfefe}
#records .profile-disclosure>summary{padding:12px 2px;cursor:pointer;font-weight:850;color:#123e71;font-size:16px}
#records .profile-disclosure[open]>summary{border-bottom:1px solid #e3ebf5;margin-bottom:12px}
#records .profile-disclosure .record-table{min-width:610px}
#records .profile-disclosure .record-table td,
#records .profile-disclosure .record-table th{padding:9px;font-size:16px}
#records .profile-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-bottom:12px}
#records .profile-edit-grid label{font-size:16px;color:#183b60}
#records .profile-edit-grid input,#records .profile-edit-grid select{border-color:#8dabc8;min-height:38px;height:38px;color:#111e32}
#records .profile-tourist-inputs{grid-template-columns:repeat(5,minmax(0,1fr))}
#records .profile-payments{overflow-x:auto}
#records .profile-form-actions{align-self:end}
#records .profile-help{font-size:16px;color:#27455f}
@media(max-width:1120px){#records .profile-two-columns{grid-template-columns:1fr}#records .profile-tourist-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#records .profile-edit-grid,#records .profile-tourist-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}#records .profile-balance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){#records .profile-edit-grid,#records .profile-tourist-inputs{grid-template-columns:1fr}}


/* Compact shared borders and large writing area — 20261025 */
/* Consistent 1px black borders on framed widgets throughout CRM.
   Preserve existing border-style:none for borderless controls and icons. */
body *:not(svg):not(path):not(line):not(circle):not(rect):not(polyline):not(polygon):not(text) {
  border-color:#000!important;
  border-width:1px!important;
}
body :is(.card,.nav-item,.form-card,.record-form input,.record-form select,
 .record-form textarea,.global-search,.mode-picker select,.language-picker select,
 button:not(.text-button),select,textarea,input:not([type="checkbox"]):not([type="radio"]),
 .product-lead-field,.product-lead-stage-control,.product-lead-chat,.product-chat-bubble,
 .product-lead-composer,.product-funnel-column,.product-funnel-card,
 .product-funnel-empty,.product-inbox-table,.product-stage-badge,
 .product-pipeline-stats span,.product-lead-panel .product-lead-message-settings select){
  border:1px solid #000!important;
}
.product-lead-overlay .product-lead-workspace{
  display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.5fr)!important;
  gap:14px!important;align-items:start!important;margin-top:10px!important;
}
.product-lead-overlay .product-lead-history-pane,
.product-lead-overlay .product-lead-editor-pane{min-width:0!important}
.product-lead-overlay .product-lead-history-pane{
  display:flex!important;flex-direction:column!important;
  background:#fff!important;border:1px solid #000!important;
  border-radius:11px!important;padding:12px!important;
}
.product-lead-overlay .product-lead-history-pane .product-lead-chat-head{
  margin:0 0 7px!important;gap:8px!important
}
.product-lead-overlay .product-lead-history-pane .product-lead-chat-head h3{
  font-size:19px!important;line-height:1.25!important
}
.product-lead-overlay .product-lead-history-pane .product-lead-chat-head span{
  font-size:16px!important;line-height:1.3!important
}
.product-lead-overlay .product-lead-history-pane .product-lead-chat{
  height:clamp(180px,26vh,320px)!important;
  min-height:180px!important;max-height:320px!important;
  margin:0!important;padding:12px!important;gap:8px!important;
}
.product-lead-overlay .product-lead-history-pane .product-chat-event{
  padding:5px 9px!important;font-size:16px!important
}
.product-lead-overlay .product-lead-editor-pane{
  display:flex!important;flex-direction:column!important;
  background:#fff!important;border:1px solid #000!important;
  border-radius:11px!important;padding:12px!important;
}
.product-lead-overlay .product-lead-compose-title{
  color:#000!important;font-size:19px!important;line-height:1.25!important;
  font-weight:850!important;margin:0 0 9px!important
}
.product-lead-overlay .product-lead-editor-pane .product-lead-composer{
  padding:0!important;border:0!important;background:transparent!important;
}
.product-lead-overlay .product-lead-editor-pane .product-lead-message-settings{
  gap:12px!important;margin-bottom:9px!important;
}
.product-lead-overlay .product-lead-editor-pane .product-lead-message-settings label{
  font-size:16px!important;color:#000!important;
}
.product-lead-overlay .product-lead-editor-pane .product-lead-message-settings select{
  font-size:17px!important;height:42px!important;padding:7px 10px!important;
}
.product-lead-overlay .product-lead-editor-pane #product-lead-message{
  display:block!important;width:100%!important;
  height:clamp(260px,35vh,480px)!important;min-height:260px!important;
  padding:15px 18px!important;font-size:18px!important;
  line-height:1.55!important;resize:vertical!important;
  background:#fff!important;color:#000!important;
  border:1px solid #000!important;border-radius:9px!important;
}
.product-lead-overlay .product-lead-editor-pane .product-lead-message-bottom{
  gap:14px!important;margin-top:10px!important
}
.product-lead-overlay .product-lead-editor-pane .product-lead-message-bottom .primary-button{
  font-size:17px!important;padding:12px 18px!important
}
.product-lead-overlay .product-lead-delete{
  margin-top:10px!important;align-self:flex-end!important
}
@media(max-width:1000px){
  .product-lead-overlay .product-lead-workspace{
    grid-template-columns:minmax(0,1fr)!important;gap:10px!important
  }
  .product-lead-overlay .product-lead-history-pane .product-lead-chat{
    height:clamp(120px,20vh,220px)!important;min-height:120px!important
  }
  .product-lead-overlay .product-lead-editor-pane #product-lead-message{
    height:clamp(220px,33vh,400px)!important;min-height:220px!important
  }
}
@media(max-width:650px){
  .product-lead-overlay .product-lead-history-pane,
  .product-lead-overlay .product-lead-editor-pane{padding:9px!important}
  .product-lead-overlay .product-lead-editor-pane .product-lead-message-settings{
    flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important
  }
  .product-lead-overlay .product-lead-editor-pane .product-lead-message-settings label{
    flex:1 1 132px!important
  }
  .product-lead-overlay .product-lead-editor-pane #product-lead-message{
    height:clamp(220px,35vh,390px)!important
  }
}

/* Travel Office: accounting-inspired contract desk V4 (dense full-width grids). */
#records .contract-profile{margin-top:8px;padding:10px 12px;border:1px solid #aabbd0;border-radius:7px;box-shadow:none;max-width:none}
#records .contract-profile .profile-head{margin:0 0 7px;min-height:29px;align-items:center;gap:10px}
#records .contract-profile .profile-head h3{font-size:18px;margin:0 0 2px;font-weight:850}
#records .contract-profile .profile-subline{font-size:16px;margin:0;color:#000}
#records .profile-head-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#records .profile-head-tools button{padding:4px 9px;border:1px solid #9cb0c8;font-size:16px;min-height:27px;color:#15457c;background:white;border-radius:4px}
#records .profile-balance.profile-balance-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:7px 0}
#records .profile-balance.profile-balance-compact>div{padding:6px 10px;border:1px solid #d0dae7;border-radius:4px;min-width:0}
#records .profile-balance.profile-balance-compact span{font-size:16px;color:#182f4a;white-space:nowrap}
#records .profile-balance.profile-balance-compact b{font-size:17px;margin:0;white-space:nowrap}
#records .accounting-tables{display:flex;flex-direction:column;gap:8px}
#records .account-panel{border:1px solid #aec3da;border-radius:4px;overflow:hidden;background:#fff}
#records .account-panel-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;
    background:#e6eefb;border-bottom:1px solid #bfcfe4;padding:6px 10px}
#records .account-panel-title h4{margin:0!important;font-size:16px;font-weight:850;color:#173b65}
#records .account-panel-title span{font-size:16px;color:#1b334d}
#records .account-panel-title b{font-size:16px;color:#0c4177}
#records .account-due{font-size:16px;color:#b13d24}
#records .account-table-wrap{width:100%;overflow:auto}
#records .account-payment-table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed;font-size:16px;color:#182f47}
#records .account-payment-table th{background:#f1f5fb;border-right:1px solid #d5dfeb;border-bottom:1px solid #bac9db;
    font-size:16px;text-align:left;white-space:normal;line-height:1.15;padding:5px 5px;font-weight:800}
#records .account-payment-table td{vertical-align:middle;border-right:1px solid #edf0f4;border-bottom:1px solid #e5ebf2;
    padding:4px 5px;overflow-wrap:anywhere}
#records .account-payment-table th:nth-child(1){width:9%}
#records .account-payment-table th:nth-child(2){width:11%}
#records .account-payment-table th:nth-child(3){width:10%}
#records .account-payment-table th:nth-child(4){width:10%}
#records .account-payment-table th:nth-child(5){width:9%}
#records .account-payment-table th:nth-child(6){width:9%}
#records .account-payment-table th:nth-child(7){width:10%}
#records .account-payment-table th:nth-child(8){width:10%}
#records .account-payment-table th:nth-child(9){width:12%}
#records .account-payment-table th:nth-child(10){width:10%}
#records .account-payment-table tbody tr:nth-child(even){background:#f8faff}
#records .account-payment-table tr.account-input-row{background:#e9f3ff}
#records .account-payment-table .account-input-row td{padding:3px}
#records .account-payment-table .account-input-row input,
#records .account-payment-table .account-input-row select{width:100%;min-width:0;height:27px;font:16px system-ui,sans-serif;
    border:1px solid #9aaec4;border-radius:3px;padding:2px 4px;background:white;color:#111e31}
#records .account-payment-table .account-input-row input[type=number]{font-variant-numeric:tabular-nums}
#records .account-payment-table .account-counterparty{font-weight:700;color:#1a3b63;font-size:16px}
#records .account-payment-table .account-number{font-weight:850;color:#0d497c;font-variant-numeric:tabular-nums}
#records .account-payment-table .account-mdl-output{font-weight:800;color:#000}
#records .account-payment-table tfoot td{padding:5px 8px;background:#eef4fd;font-weight:900;font-size:16px;color:#1a3e63;border-top:1px solid #b9c9dc}
#records .account-actions{white-space:normal}
#records .account-actions button{font-size:16px;padding:3px 5px;min-height:24px;margin:1px;border-radius:3px}
#records .account-actions .text-button{border:1px solid #bac9d9;color:#164b83;background:white}
#records .account-actions .primary-button{background:#1764c5;color:#fff;border:1px solid #1557ac}
#records .account-empty{text-align:center;color:#000;font-style:italic}
#records .account-ledger-note{margin:5px 0 8px;color:#1c405f;font-size:16px}
#records .profile-disclosure{border-radius:4px;margin:6px 0;border-color:#cbd7e7}
#records .profile-disclosure>summary{padding:7px 0;font-size:16px}
#records .profile-disclosure[open]>summary{margin-bottom:6px}
#records .profile-disclosure .record-table td,
#records .profile-disclosure .record-table th{padding:5px 8px;font-size:16px}
#records .profile-edit-grid{gap:6px;padding-bottom:7px;grid-template-columns:repeat(5,minmax(0,1fr))}
#records .profile-edit-grid label{font-size:16px;color:#172d45}
#records .profile-edit-grid input,#records .profile-edit-grid select{height:30px;min-height:30px;padding:3px 6px}
#records .profile-tourist-inputs{grid-template-columns:repeat(5,minmax(0,1fr))}
#records .profile-tourist-inputs button{padding:6px 8px}
#records .profile-form-actions{align-self:end}
@media(max-width:1200px){#records .account-payment-table{min-width:1100px}#records .profile-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#records .profile-balance.profile-balance-compact{grid-template-columns:repeat(2,minmax(0,1fr))}#records .profile-edit-grid,#records .profile-tourist-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}#records .profile-head-tools{gap:3px}}

/* Keep dense accounting tables readable at normal display scaling. */
#records .account-payment-table{font-size:16px}
#records .account-payment-table th{font-size:16px}
#records .account-payment-table .account-input-row input,
#records .account-payment-table .account-input-row select{font-size:16px;height:29px}
#records .account-actions button{font-size:16px}


/* 20261025-layout-fix-1535: full-screen product lead page, no cramped side drawer. */
html body #product-lead-overlay:not([hidden]){
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  display:block!important;width:100vw!important;height:100dvh!important;
  max-width:none!important;max-height:none!important;
  z-index:99999!important;overflow:hidden!important;background:#eef4fd!important;
}
html body #product-lead-overlay[hidden]{display:none!important}
html body #product-lead-overlay>.product-lead-backdrop{display:none!important}
html body #product-lead-overlay>.product-lead-panel{
  position:absolute!important;inset:0!important;transform:none!important;
  width:100vw!important;max-width:100vw!important;min-width:0!important;
  height:100dvh!important;max-height:100dvh!important;min-height:0!important;
  padding:0 clamp(16px,2.2vw,38px) 22px!important;
  margin:0!important;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;overflow-y:auto!important;overflow-x:hidden!important;
  box-shadow:none!important;border:0!important;border-radius:0!important;
  background:#eef4fd!important;
}
html body #product-lead-overlay .product-lead-head{
  flex-shrink:0!important;min-height:62px!important;
  padding:9px clamp(16px,2.2vw,38px)!important;
  margin:0 calc(-1 * clamp(16px,2.2vw,38px))!important;
}
html body #product-lead-overlay .product-lead-details{
  flex:0 0 auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;padding:9px 0!important;
}
html body #product-lead-overlay .product-lead-field{
  min-height:53px!important;padding:7px 12px!important;border-radius:8px!important;
}
html body #product-lead-overlay .product-lead-field span{font-size:16px!important;margin-bottom:3px!important}
html body #product-lead-overlay .product-lead-field strong{
  font-size:16px!important;line-height:1.28!important;color:#000!important;
}
html body #product-lead-overlay .product-lead-stage-control{
  flex:0 0 auto!important;min-height:48px!important;padding:7px 11px!important;gap:10px!important;
}
html body #product-lead-overlay .product-lead-stage-control label{font-size:16px!important}
html body #product-lead-overlay .product-lead-stage-control select{
  flex:0 1 360px!important;min-height:36px!important;height:36px!important;
  padding:5px 10px!important;font-size:16px!important
}
html body #product-lead-overlay .product-lead-stage-control button{
  padding:6px 15px!important;min-height:36px!important;font-size:16px!important
}
html body #product-lead-overlay .product-lead-workspace{
  display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.38fr)!important;
  gap:12px!important;flex:1 0 auto!important;align-items:stretch!important;
  min-height:400px!important;margin:10px 0 0!important;
}
html body #product-lead-overlay .product-lead-history-pane,
html body #product-lead-overlay .product-lead-editor-pane{
  display:flex!important;flex-direction:column!important;min-width:0!important;
  padding:13px!important;margin:0!important;border:1px solid #000!important;
  border-radius:9px!important;background:#fff!important;
}
html body #product-lead-overlay .product-lead-chat-head{
  margin:0 0 8px!important;gap:12px!important
}
html body #product-lead-overlay .product-lead-chat-head h3{
  font-size:18px!important;line-height:1.25!important;color:#000!important
}
html body #product-lead-overlay .product-lead-chat-head span{
  font-size:16px!important;line-height:1.35!important;color:#000!important
}
html body #product-lead-overlay #product-lead-chat{
  flex:0 0 auto!important;height:clamp(190px,28vh,350px)!important;
  min-height:190px!important;max-height:350px!important;
  overflow-y:auto!important;margin:0!important;
  padding:12px!important;gap:9px!important;background:#e7effc!important
}
html body #product-lead-overlay .product-lead-compose-title{
  flex:0 0 auto!important;margin:0 0 8px!important;
  font-size:19px!important;color:#000!important
}
html body #product-lead-overlay #product-lead-message-form{
  border:0!important;display:flex!important;flex-direction:column!important;
  flex:1!important;min-height:0!important;padding:0!important;margin:0!important;
  background:#fff!important;
}
html body #product-lead-overlay .product-lead-message-settings{
  flex:0 0 auto!important;display:flex!important;gap:9px!important;
  margin:0 0 9px!important
}
html body #product-lead-overlay .product-lead-message-settings label{
  font-size:16px!important;max-width:360px!important;color:#000!important
}
html body #product-lead-overlay .product-lead-message-settings select{
  height:40px!important;padding:6px 10px!important;font-size:16px!important
}
html body #product-lead-overlay #product-lead-message{
  display:block!important;flex:1 1 auto!important;width:100%!important;
  min-height:285px!important;height:clamp(310px,40vh,590px)!important;
  max-height:none!important;resize:vertical!important;
  padding:15px!important;margin:0!important;
  font-size:18px!important;line-height:1.55!important;
  border:1px solid #000!important;background:#fff!important;color:#000!important;
}
html body #product-lead-overlay .product-lead-message-bottom{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:12px!important;margin-top:9px!important
}
html body #product-lead-overlay .product-lead-delete{
  flex:0 0 auto!important;margin:10px 0 0 auto!important;
  align-self:flex-end!important
}
@media(max-width:1000px){
 html body #product-lead-overlay .product-lead-workspace{
  grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:10px!important
 }
 html body #product-lead-overlay #product-lead-chat{height:190px!important;min-height:140px!important}
 html body #product-lead-overlay #product-lead-message{height:310px!important;min-height:260px!important}
}
@media(max-width:650px){
 html body #product-lead-overlay>.product-lead-panel{padding:0 12px 20px!important}
 html body #product-lead-overlay .product-lead-head{
  margin:0 -12px!important;padding:8px 12px!important
 }
 html body #product-lead-overlay .product-lead-details{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important
 }
 html body #product-lead-overlay .product-lead-field{min-height:49px!important}
 html body #product-lead-overlay .product-lead-stage-control{
  flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important
 }
 html body #product-lead-overlay .product-lead-stage-control select{flex:1 1 135px!important}
 html body #product-lead-overlay .product-lead-message-settings label{flex:1 1 135px!important}
 html body #product-lead-overlay .product-lead-message-settings{flex-wrap:wrap!important}
 html body #product-lead-overlay #product-lead-message{height:35vh!important;min-height:250px!important}
}

/* CONTRACT_DESK_WHITE_BURGUNDY_V1 | 25.10.2026
   Scoped to contract card. Inspired by legacy white accounting tables.
   Changes presentation only: payment data, ledgers, Motor and CRM logic untouched. */
#records #contract-profile {
  --contract-wine:#750e22;
  --contract-wine-deep:#640c1d;
  --contract-ink:#222326;
  --contract-muted:#56585c;
  --contract-rule:#c8c8c8;
  background:#fff!important;
  border:1px solid #b6b6b6!important;
  border-radius:4px!important;
  box-shadow:none!important;
  color:var(--contract-ink)!important;
}
#records #contract-profile .profile-head h3 {
  color:var(--contract-wine-deep)!important;
}
#records #contract-profile .profile-subline,
#records #contract-profile .account-panel-title span,
#records #contract-profile .account-panel-title b,
#records #contract-profile .account-ledger-note {
  color:var(--contract-muted)!important;
}
#records #contract-profile .profile-balance.profile-balance-compact>div,
#records #contract-profile .profile-balance.profile-balance-compact>div.debt,
#records #contract-profile .profile-balance.profile-balance-compact>div.supplier {
  background:#fff!important;
  border:1px solid #cecece!important;
  border-radius:3px!important;
  box-shadow:none!important;
}
#records #contract-profile .profile-balance.profile-balance-compact span {
  color:#000!important;
}
#records #contract-profile .profile-balance.profile-balance-compact b {
  color:#000!important;
}
#records #contract-profile .profile-balance.profile-balance-compact .debt b,
#records #contract-profile .profile-balance.profile-balance-compact .supplier b {
  color:var(--contract-wine)!important;
}
#records #contract-profile .account-panel {
  background:#fff!important;
  border:1px solid #bbb!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
#records #contract-profile .account-panel-title {
  background:var(--contract-wine)!important;
  border-bottom:1px solid var(--contract-wine-deep)!important;
  color:#fff!important;
  padding:6px 10px!important;
}
#records #contract-profile .account-panel-title h4,
#records #contract-profile .account-panel-title span,
#records #contract-profile .account-panel-title b,
#records #contract-profile .account-panel-title .account-due {
  color:#fff!important;
}
#records #contract-profile .account-panel-title h4 {
  font-size:16px!important;
  letter-spacing:.01em;
}
#records #contract-profile .account-payment-table {
  background:#fff!important;
  color:#000!important;
}
#records #contract-profile .account-payment-table thead th {
  background:#fff!important;
  color:#000!important;
  border-right:1px solid #d2d2d2!important;
  border-bottom:1px solid #a4a4a4!important;
}
#records #contract-profile .account-payment-table tbody tr,
#records #contract-profile .account-payment-table tbody tr:nth-child(even),
#records #contract-profile .account-payment-table tbody tr.account-input-row,
#records #contract-profile .account-payment-table tbody tr.account-input-row:nth-child(even) {
  background:#fff!important;
}
#records #contract-profile .account-payment-table tbody td {
  background:#fff!important;
  color:#000!important;
  border-right:1px dotted #d5d5d5!important;
  border-bottom:1px dotted #c6c6c6!important;
}
#records #contract-profile .account-payment-table .account-number,
#records #contract-profile .account-payment-table .account-counterparty,
#records #contract-profile .account-payment-table .account-mdl-output {
  color:#000!important;
}
#records #contract-profile .account-payment-table .account-input-row input,
#records #contract-profile .account-payment-table .account-input-row select,
#records #contract-profile .profile-edit-grid input,
#records #contract-profile .profile-edit-grid select {
  color:#000!important;
  background:#fff!important;
  border:1px solid #a6a6a6!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
#records #contract-profile .account-payment-table .account-input-row input:focus,
#records #contract-profile .account-payment-table .account-input-row select:focus,
#records #contract-profile .profile-edit-grid input:focus,
#records #contract-profile .profile-edit-grid select:focus {
  outline:2px solid var(--contract-wine)!important;
  outline-offset:1px!important;
}
#records #contract-profile .account-payment-table tfoot td {
  background:#fff!important;
  border-top:1px dashed #888!important;
  color:#000!important;
  font-weight:850!important;
}
#records #contract-profile .account-empty {color:#000!important;}
#records #contract-profile .account-panel-title .account-due {
  font-weight:850!important;
  text-decoration:underline;
  text-underline-offset:2px;
}
#records #contract-profile .account-actions .primary-button,
#records #contract-profile .profile-form-actions .primary-button {
  background:#2165a5!important;
  border:1px solid #1e578b!important;
  color:white!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
#records #contract-profile .account-actions .text-button,
#records #contract-profile .profile-head-tools button {
  background:#fff!important;
  border:1px solid #bdbdbd!important;
  color:var(--contract-wine-deep)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
#records #contract-profile .profile-disclosure,
#records #contract-profile .profile-disclosure[open] {
  background:#fff!important;
  border:1px solid #cbcbcb!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
#records #contract-profile .profile-disclosure>summary {
  color:var(--contract-wine)!important;
  background:#fff!important;
  border-bottom-color:#ddd!important;
}
#records #contract-profile .profile-disclosure .record-table thead th {
  color:#000!important;
  background:#fff!important;
  border-bottom:1px solid #aaa!important;
}
#records #contract-profile .profile-disclosure .record-table tbody tr,
#records #contract-profile .profile-disclosure .record-table tbody tr:nth-child(even),
#records #contract-profile .profile-disclosure .record-table tbody td {
  color:#000!important;
  background:#fff!important;
  border-bottom:1px dotted #cecece!important;
}
#records #contract-profile .profile-help,
#records #contract-profile .profile-edit-grid label {
  color:#000!important;
}



/* CONTRACT_CARD_V5_BLACK_1PX: 25.10.2026
   Strict client specification: black text and 1px solid black framing.
   Burgundy headings use white letters as in the supplied legacy screenshot.
   Restricted to contract card, does not alter other CRM modules. */
#records #contract-profile{
  color:#000!important;background:#fff!important;
  border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;
  font-size:16px;
}
#records #contract-profile *{border-color:#000!important;box-shadow:none!important;text-shadow:none!important}
#records #contract-profile p,
#records #contract-profile h3,
#records #contract-profile h4,
#records #contract-profile strong,
#records #contract-profile b,
#records #contract-profile span,
#records #contract-profile label,
#records #contract-profile small,
#records #contract-profile td,
#records #contract-profile th,
#records #contract-profile summary,
#records #contract-profile output,
#records #contract-profile .profile-help,
#records #contract-profile .profile-subline,
#records #contract-profile .account-ledger-note {
  color:#000!important;
}
#records #contract-profile .profile-head h3{color:#000!important;font-size:19px}
#records #contract-profile .profile-head-tools button{
  color:#000!important;background:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile .profile-balance.profile-balance-compact>div,
#records #contract-profile .profile-balance.profile-balance-compact>div.debt,
#records #contract-profile .profile-balance.profile-balance-compact>div.supplier{
  background:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile .profile-balance.profile-balance-compact span,
#records #contract-profile .profile-balance.profile-balance-compact b,
#records #contract-profile .profile-balance.profile-balance-compact .debt b,
#records #contract-profile .profile-balance.profile-balance-compact .supplier b{
  color:#000!important;
}
#records #contract-profile .contract-core-data{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  background:#fff!important;border:1px solid #000!important;padding:5px 8px;
  row-gap:3px;column-gap:15px;margin-bottom:10px;
}
#records #contract-profile .contract-core-data>div{
  min-width:0;overflow-wrap:anywhere;font-size:16px;line-height:1.32;
}
#records #contract-profile .contract-core-data span{font-weight:650}
#records #contract-profile .contract-core-data strong{font-weight:800}
#records #contract-profile .account-panel{
  background:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile .account-panel-title{
  background:#fff!important;border:0!important;border-bottom:1px solid #000!important;
  padding:0!important;display:flex;align-items:stretch;justify-content:space-between;
  gap:8px;min-height:31px;
}
#records #contract-profile .account-panel-title h4{
  display:flex;align-items:center;flex:0 1 410px;min-height:31px;
  background:#750e22!important;border-right:1px solid #000!important;
  color:#fff!important;padding:5px 11px!important;font-size:16px!important;margin:0!important;
}
#records #contract-profile .account-panel-title span,
#records #contract-profile .account-panel-title span b,
#records #contract-profile .account-panel-title .account-due{
  color:#000!important;background:#fff!important;
}
#records #contract-profile .account-panel-title>span{
  align-self:center;text-align:right;padding:4px 10px 4px 0;
  font-size:16px;white-space:normal;
}
#records #contract-profile .account-panel-title .account-due{
  text-decoration:none!important;
}
#records #contract-profile .account-payment-form{margin:0}
#records #contract-profile .account-entry{
  display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1fr .9fr 1.15fr 1.15fr 1.5fr auto;
  align-items:end;gap:5px;padding:6px 8px 8px;
  background:#fff!important;border-bottom:1px solid #000!important;
}
#records #contract-profile .account-entry label{
  min-width:0;font-size:16px;font-weight:700;line-height:1.2;display:flex;flex-direction:column;gap:3px;
}
#records #contract-profile .account-entry .account-counterparty>span{
  min-height:30px;display:flex;align-items:center;overflow-wrap:anywhere;font-weight:700;
}
#records #contract-profile .account-entry input,
#records #contract-profile .account-entry select{
  min-width:0;width:100%;height:30px;padding:3px 5px;
  background:#fff!important;color:#000!important;font-size:16px;
  border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile input::placeholder,
#records #contract-profile textarea::placeholder{
  color:#000!important;opacity:1!important;
}
#records #contract-profile input:disabled,
#records #contract-profile select:disabled{
  background:#fff!important;color:#000!important;opacity:1!important;
}
#records #contract-profile .account-entry-action{display:flex;align-items:center;gap:4px;min-height:30px}
#records #contract-profile .account-entry-action button{white-space:nowrap;min-height:30px;font-size:16px;padding:4px 7px}
#records #contract-profile .account-entry-action .primary-button,
#records #contract-profile .profile-form-actions .primary-button{
  background:#2165a5!important;color:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile .account-entry-action .text-button{
  color:#000!important;background:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
#records #contract-profile .account-payment-table{
  background:#fff!important;color:#000!important;border-collapse:collapse!important;
  border:1px solid #000!important;width:100%;min-width:1080px;font-size:16px;
}
#records #contract-profile .account-payment-table th,
#records #contract-profile .account-payment-table td,
#records #contract-profile .account-payment-table thead th,
#records #contract-profile .account-payment-table tbody td,
#records #contract-profile .account-payment-table tfoot td{
  background:#fff!important;color:#000!important;
  border:1px solid #000!important;font-size:16px;padding:5px 7px!important;
}
#records #contract-profile .account-payment-table tr:nth-child(even),
#records #contract-profile .account-payment-table tbody tr,
#records #contract-profile .account-payment-table tbody tr:nth-child(even){
  background:#fff!important;
}
#records #contract-profile .account-payment-table th:first-child{width:3.5%}
#records #contract-profile .account-payment-table th:nth-child(2){width:8%}
#records #contract-profile .account-payment-table th:nth-child(3){width:11%}
#records #contract-profile .account-payment-table th:nth-child(4){width:9%}
#records #contract-profile .account-payment-table th:nth-child(5){width:10%}
#records #contract-profile .account-payment-table th:nth-child(6){width:8%}
#records #contract-profile .account-payment-table th:nth-child(7){width:9%}
#records #contract-profile .account-payment-table th:nth-child(8){width:10%}
#records #contract-profile .account-payment-table th:nth-child(9){width:10%}
#records #contract-profile .account-payment-table th:nth-child(10){width:12%}
#records #contract-profile .account-payment-table th:nth-child(11){width:9.5%}
#records #contract-profile .account-payment-table .account-number,
#records #contract-profile .account-payment-table .account-empty,
#records #contract-profile .account-payment-table tfoot td,
#records #contract-profile .account-payment-table tfoot td strong{color:#000!important}
#records #contract-profile .account-payment-table tfoot td{font-weight:800}
#records #contract-profile .account-payment-table .account-actions button{
  color:#000!important;background:#fff!important;border:1px solid #000!important;
  border-radius:0!important;font-size:16px;padding:3px 5px;
}
#records #contract-profile .account-payment-table .account-actions{white-space:normal}
#records #contract-profile .profile-disclosure,
#records #contract-profile .profile-disclosure[open],
#records #contract-profile .profile-contract-section{
  background:#fff!important;border:1px solid #000!important;border-radius:0!important;margin:7px 0;
}
#records #contract-profile .profile-disclosure>summary{
  color:#000!important;border-bottom:1px solid #000!important;
}
#records #contract-profile .profile-contract-section{padding:0 10px 8px}
#records #contract-profile .contract-section-title{
  margin:0 -10px 8px;padding:7px 10px;font-weight:800;
  background:#750e22!important;color:#fff!important;
  border-bottom:1px solid #000!important;
}
#records #contract-profile .profile-edit-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;
}
#records #contract-profile .profile-edit-grid label{color:#000!important;font-size:16px;font-weight:700}
#records #contract-profile .profile-edit-grid input,
#records #contract-profile .profile-edit-grid select{
  color:#000!important;background:#fff!important;
  border:1px solid #000!important;border-radius:0!important;height:32px;
}
#records #contract-profile .profile-disclosure .record-table,
#records #contract-profile .profile-disclosure .record-table th,
#records #contract-profile .profile-disclosure .record-table td,
#records #contract-profile .profile-disclosure .record-table thead th,
#records #contract-profile .profile-disclosure .record-table tbody td{
  background:#fff!important;color:#000!important;border:1px solid #000!important;
  border-collapse:collapse!important;
}
#records #contract-profile .profile-disclosure .record-table th,
#records #contract-profile .profile-disclosure .record-table td{font-size:16px!important}
#records #contract-profile .profile-disclosure .text-button{
  color:#000!important;background:#fff!important;border:1px solid #000!important;border-radius:0!important;
}
@media(max-width:1380px){
 #records #contract-profile .account-entry{
  grid-template-columns:repeat(4,minmax(0,1fr));
 }
 #records #contract-profile .account-entry-note{grid-column:span 2}
 #records #contract-profile .account-entry-action{justify-content:flex-start}
}
@media(max-width:850px){
 #records #contract-profile .contract-core-data{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records #contract-profile .account-entry{grid-template-columns:repeat(3,minmax(0,1fr))}
 #records #contract-profile .profile-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #records #contract-profile .account-panel-title h4{flex-basis:55%}
}
@media(max-width:600px){
 #records #contract-profile .contract-core-data{grid-template-columns:1fr}
 #records #contract-profile .account-entry{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records #contract-profile .account-entry-note{grid-column:span 2}
 #records #contract-profile .profile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records #contract-profile .account-panel-title{display:block}
 #records #contract-profile .account-panel-title h4{width:100%}
 #records #contract-profile .account-panel-title>span{display:block;text-align:left;padding:5px}
}



/* LEGACY_FOUR_TABLES_REFERENCE_V6: reproduce the four supplied accounting tables.
   No extra financial panels ahead of tables; unrelated contract information follows. */
#records #contract-profile .legacy-tables-only{
  background:#fff!important;color:#000!important;margin:0;padding:0;
}
#records #contract-profile .legacy-contract-section{
  margin:0 0 14px;background:#fff!important;border:0!important;
}
#records #contract-profile .legacy-section-title{
  display:flex;align-items:center;justify-content:center;
  max-width:450px;width:42%;min-width:290px;min-height:28px;
  background:#710d20!important;color:#fff!important;
  border:0!important;margin:0 0 13px;padding:4px 12px;
  font-weight:800;font-size:16px;text-align:center;
}
#records #contract-profile .legacy-entry-form,
#records #contract-profile .legacy-tourist-form,
#records #contract-profile .legacy-refund-form{
  background:#fff!important;border:0!important;margin:0 6px 9px;padding:0;
}
#records #contract-profile .legacy-entry-line{
  display:flex;flex-wrap:nowrap;gap:0;align-items:flex-end;
  background:#fff!important;border:0!important;overflow-x:auto;
  padding:0 0 2px;
}
#records #contract-profile .legacy-entry-line label{
  display:flex;flex-direction:column;flex:1 0 95px;
  min-width:0;line-height:1.13;gap:3px;color:#000!important;
  font-size:16px;font-weight:500;background:#fff!important;
}
#records #contract-profile .legacy-entry-line input,
#records #contract-profile .legacy-entry-line select,
#records #contract-profile .legacy-entry-line textarea{
  display:block;width:100%;min-width:0;height:30px;padding:3px 5px;
  font-size:16px;font-family:inherit;color:#000!important;
  border:1px solid #000!important;background:#fff!important;
  border-radius:0!important;opacity:1!important;box-shadow:none!important;
}
#records #contract-profile .legacy-entry-line label:has(input[name="date"]){flex-basis:110px}
#records #contract-profile .legacy-entry-line label:has(select[name="counterparty"]){flex-basis:120px}
#records #contract-profile .legacy-entry-line label:has(select[name="bank"]){flex-basis:105px}
#records #contract-profile .legacy-entry-line label:has(input[name="amount_mdl"]){flex-basis:100px}
#records #contract-profile .legacy-entry-line label:has(input[name="exchange_rate"]){flex-basis:95px}
#records #contract-profile .legacy-entry-line label:has(select[name="payment_method"]){flex-basis:110px}
#records #contract-profile .legacy-entry-line label:has(select[name="representative"]){flex-basis:122px}
#records #contract-profile .legacy-entry-line label:has(input[name="note"]){flex-basis:140px}
#records #contract-profile .legacy-entry-line .legacy-add-button{
  flex:0 0 auto;height:30px;align-self:flex-end;min-width:116px;
  padding:3px 9px;border:1px solid #000!important;border-radius:0!important;
  background:#075c91!important;color:#fff!important;font-size:16px;font-weight:600;
}
#records #contract-profile .legacy-entry-line .legacy-cancel{
  align-self:flex-end;height:30px;padding:3px 8px;border:1px solid #000!important;
  color:#000!important;background:#fff!important;border-radius:0!important;
}
#records #contract-profile .legacy-entry-line input::placeholder{color:#000!important;opacity:.85}
#records #contract-profile .legacy-grid-scroll{overflow-x:auto;max-width:100%;margin:0 6px}
#records #contract-profile .legacy-payment-history{
  width:100%;min-width:920px;border-collapse:collapse!important;
  table-layout:auto;background:#fff!important;color:#000!important;
  border:1px solid #000!important;font-size:16px;
}
#records #contract-profile .legacy-payment-history tr,
#records #contract-profile .legacy-payment-history tr:nth-child(even),
#records #contract-profile .legacy-payment-history th,
#records #contract-profile .legacy-payment-history td,
#records #contract-profile .legacy-payment-history thead th,
#records #contract-profile .legacy-payment-history tbody td,
#records #contract-profile .legacy-payment-history tfoot td{
  background:#fff!important;color:#000!important;
  border:1px solid #000!important;padding:5px 7px!important;
  vertical-align:middle;font-size:16px;line-height:1.2;
}
#records #contract-profile .legacy-payment-history thead th{
  font-weight:800;text-align:left;white-space:normal;line-height:1.15;
}
#records #contract-profile .legacy-payment-history td.legacy-amount{
  text-align:right;font-weight:700;white-space:nowrap;
}
#records #contract-profile .legacy-payment-history tfoot td{
  background:#fff!important;font-weight:800;text-align:left;
}
#records #contract-profile .legacy-payment-history .legacy-actions{
  white-space:nowrap;min-width:110px;
}
#records #contract-profile .legacy-payment-history .legacy-actions button{
  display:inline-block;background:#fff!important;color:#05578b!important;
  border:0!important;padding:2px 3px;font-size:16px;cursor:pointer;
  font-weight:600;text-decoration:underline;
}
#records #contract-profile .legacy-tourists-grid{min-width:780px}
#records #contract-profile .legacy-tourist-form{max-width:930px}
#records #contract-profile .legacy-tourist-form label{flex-basis:170px}
#records #contract-profile .legacy-refunds{margin-bottom:6px}
#records #contract-profile .legacy-refund-form{max-width:1100px}
#records #contract-profile .legacy-refund-form label{flex-basis:150px}
#records #contract-profile .legacy-refunds-grid{min-width:700px;margin-top:7px}
#records #contract-profile .legacy-other-data{
  border-top:1px solid #000!important;margin-top:15px;padding-top:10px;
  background:#fff!important;color:#000!important;
}
#records #contract-profile .legacy-other-data .profile-head{
  border:0!important;background:#fff!important;
}
#records #contract-profile .legacy-other-data .profile-head h3{
  color:#000!important;font-size:17px;
}
#records #contract-profile .legacy-other-data .profile-balance{
  background:#fff!important;
}
#records #contract-profile .legacy-other-data .profile-contract-section{
  background:#fff!important;border:1px solid #000!important;
}
#records #contract-profile .legacy-other-data .contract-section-title{
  background:#710d20!important;color:#fff!important;
}
@media(max-width:1080px){
 #records #contract-profile .legacy-entry-line{overflow-x:auto}
 #records #contract-profile .legacy-entry-line label{flex-basis:115px;flex-shrink:0}
 #records #contract-profile .legacy-section-title{width:60%}
}
@media(max-width:620px){
 #records #contract-profile .legacy-section-title{width:100%;min-width:0;max-width:450px}
 #records #contract-profile .legacy-entry-line label{flex-basis:130px}
 #records #contract-profile .legacy-other-data .profile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* CONTRACT_FOCUS_HISTORY_V7 — approved white/burgundy accounting style */
#records.contract-detail-open #records-form-card,
#records.contract-detail-open #record-table,
#records.contract-detail-open .records-card > .panel-heading {display:none!important}
#records.contract-detail-open .records-card {
  background:#fff!important;box-shadow:none!important;border:1px solid #000!important;
  padding:10px!important;margin-top:6px!important
}
#records.contract-detail-open #contract-profile {
  margin:0!important;padding:0 3px 8px!important;
  background:#fff!important;border:0!important;box-shadow:none!important;
  max-width:none!important;
}
#records #contract-profile .contract-focus-bar {
  display:flex;gap:12px;justify-content:space-between;align-items:center;
  flex-wrap:wrap;padding:5px 3px 9px;margin-bottom:8px;border-bottom:1px solid #000!important;
  background:#fff!important;color:#000!important;
}
#records #contract-profile .contract-focus-bar span {
  font-weight:800;font-size:16px;color:#000!important;flex:1;text-align:center
}
#records #contract-profile .contract-focus-bar button {
  padding:5px 12px;background:#fff!important;border:1px solid #000!important;
  color:#000!important;font-size:16px;font-weight:750;border-radius:0!important;
}
#records #contract-profile .legacy-contract-section {margin-bottom:18px!important;clear:both}
#records #contract-profile .legacy-section-title {
  min-width:0!important;width:390px!important;max-width:100%!important;
  margin:0 0 9px!important;min-height:30px;font-size:16px!important;
  line-height:1.2;font-weight:800!important;
}
#records #contract-profile .legacy-entry-line {
  display:grid!important;align-items:end!important;justify-content:start!important;
  gap:0!important;padding:0 0 3px!important;margin:0 0 8px!important;
  width:max-content;max-width:100%;overflow-x:auto!important;
}
#records #contract-profile .legacy-operator-section .legacy-entry-line {
  grid-template-columns:125px 135px 110px 130px 112px 130px 136px 158px 120px;
}
#records #contract-profile .legacy-client-section .legacy-entry-line {
  grid-template-columns:125px 155px 120px 160px 150px 186px 120px;
}
#records #contract-profile .legacy-tourists .legacy-entry-line {
  grid-template-columns:220px 155px 180px 190px 130px auto;
}
#records #contract-profile .legacy-refunds .legacy-entry-line {
  grid-template-columns:125px 164px 178px 128px 152px 185px 150px;
}
#records #contract-profile .legacy-entry-line > label {
  display:flex!important;flex-direction:column!important;
  width:auto!important;min-width:0!important;font-size:16px!important;
  color:#000!important;font-weight:700!important;gap:3px!important;margin:0!important;
  padding:0!important;
}
#records #contract-profile .legacy-entry-line input,
#records #contract-profile .legacy-entry-line select {
  height:34px!important;min-height:34px!important;color:#000!important;
  font-size:16px!important;border:1px solid #000!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important
}
#records #contract-profile .legacy-entry-line .legacy-add-button {
  align-self:end!important;white-space:nowrap!important;height:34px!important;min-height:34px!important;
  width:100%!important;min-width:0!important;padding:5px 6px!important;
  font-weight:750!important;font-size:16px!important;
  background:#095b90!important;color:#fff!important;border:1px solid #000!important
}
#records #contract-profile .legacy-entry-line .legacy-cancel {
  align-self:end;height:34px;background:#fff!important;color:#000!important;
  border:1px solid #000!important;padding:6px;
}
#records #contract-profile .legacy-grid-scroll {
  max-width:100%!important;overflow-x:auto!important;margin:0 4px!important;
}
#records #contract-profile .legacy-payment-history {
  width:100%!important;max-width:1230px!important;min-width:1140px!important;
  table-layout:fixed!important;border-collapse:collapse!important;
  font-variant-numeric:tabular-nums;font-size:16px!important;
  border:1px solid #000!important;
}
#records #contract-profile .legacy-payment-history th,
#records #contract-profile .legacy-payment-history td {
  padding:7px 6px!important;font-size:16px!important;line-height:1.25!important;
  vertical-align:middle!important;overflow-wrap:anywhere!important;
  border:1px solid #000!important;color:#000!important;background:#fff!important;
}
#records #contract-profile .legacy-payment-history th {font-weight:800!important;}
#records #contract-profile .legacy-payment-history td.legacy-amount,
#records #contract-profile .legacy-payment-history td:nth-last-child(5),
#records #contract-profile .legacy-payment-history tfoot td {
  font-weight:850!important;font-variant-numeric:tabular-nums!important;
}
#records #contract-profile .legacy-payment-history tfoot td {
  font-size:16px!important;text-align:left!important;white-space:normal!important;
}
#records #contract-profile .legacy-payment-history .legacy-actions button{
  color:#000!important;text-decoration:underline!important;
  font-size:16px!important;padding:3px 1px!important;font-weight:750!important;
  border:0!important;white-space:nowrap!important;
}
#records #contract-profile .legacy-payment-history td:first-child,
#records #contract-profile .legacy-payment-history td:nth-child(2) {text-align:center!important}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(1){width:3%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(2){width:4.5%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(3){width:10%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(4){width:8%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(5){width:7%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(6){width:8%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(7){width:10%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(8){width:6%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(9){width:9%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(10){width:9.5%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(11){width:9%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(12){width:10%}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(13){width:6%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(1){width:3%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(2){width:5%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(3){width:13%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(4){width:7%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(5){width:8%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(6){width:10%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(7){width:8%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(8){width:10%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(9){width:12%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(10){width:10%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(11){width:8%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(12){width:6%}
#records #contract-profile .legacy-tourists-grid{max-width:960px!important;min-width:760px!important}
#records #contract-profile .legacy-refunds-grid{max-width:1080px!important;min-width:760px!important}
#records #contract-profile .legacy-other-data{
  border-top:1px solid #000!important;padding-top:12px!important;
  margin-top:18px!important;
}
#records #contract-profile .contract-activity {
  border:1px solid #000!important;margin:14px 0 7px!important;
  background:#fff!important;color:#000!important;
}
#records #contract-profile .contract-activity-title {
  display:flex;align-items:center;justify-content:space-between;
  gap:15px;border-bottom:1px solid #000!important;background:#fff!important;
}
#records #contract-profile .contract-activity-title h4 {
  background:#710d20!important;color:#fff!important;
  padding:7px 14px!important;min-width:285px!important;max-width:430px!important;
  margin:0!important;font-size:16px!important;
}
#records #contract-profile .contract-activity-title span{padding:5px 12px;font-size:16px;color:#000!important}
#records #contract-profile .contract-activity-scroll {max-height:370px;overflow:auto!important}
#records #contract-profile .contract-activity table {
  border-collapse:collapse!important;width:100%;min-width:880px!important;
  background:#fff!important;font-size:16px!important;
}
#records #contract-profile .contract-activity th,
#records #contract-profile .contract-activity td {
  border:1px solid #000!important;background:#fff!important;color:#000!important;
  padding:7px 10px!important;font-size:16px!important;vertical-align:top;
}
#records #contract-profile .contract-activity th{text-align:left;font-weight:800!important}
#records #contract-profile .contract-activity th:nth-child(1){width:15%}
#records #contract-profile .contract-activity th:nth-child(2){width:12%}
#records #contract-profile .contract-activity th:nth-child(3){width:10%}
#records #contract-profile .contract-activity th:nth-child(4){width:33%}
#records #contract-profile .contract-activity th:nth-child(5){width:17%}
#records #contract-profile .contract-activity th:nth-child(6){width:13%}
#records #contract-profile .contract-activity .activity-amount{font-weight:800;white-space:nowrap}
#records #contract-profile .contract-activity-footnote{
  margin:6px 10px!important;color:#000!important;font-size:16px!important;
}
@media(max-width:1280px){
 #records #contract-profile .legacy-entry-line{
  overflow-x:auto!important;max-width:100%!important;
 }
 #records #contract-profile .legacy-payment-history{min-width:1140px!important}
}



/* Client payment ledger: distinct, aligned MDL/EUR totals and running EUR debt */
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(1){width:3%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(2){width:4%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(3){width:12%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(4){width:6%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(5){width:8%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(6){width:12%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(7){width:7%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(8){width:11%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(9){width:10%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(10){width:12%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(11){width:9%}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(12){width:6%}
#records #contract-profile .legacy-client-section .legacy-payment-history .client-running-debt,
#records #contract-profile .legacy-client-section .legacy-payment-history .client-final-debt,
#records #contract-profile .legacy-client-section .legacy-payment-history .client-total-mdl,
#records #contract-profile .legacy-client-section .legacy-payment-history .client-total-eur{
  font-weight:850!important;color:#000!important;text-align:right!important;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#records #contract-profile .legacy-client-section .legacy-payment-history tfoot td{
  height:32px;font-size:16px!important;vertical-align:middle!important;
}
\n
/* Operator payments: MDL, EUR and remaining supplier debt in independent cells. */
#records #contract-profile .legacy-operator-section .legacy-payment-history .operator-running-debt,
#records #contract-profile .legacy-operator-section .legacy-payment-history .operator-final-debt,
#records #contract-profile .legacy-operator-section .legacy-payment-history .operator-total-mdl,
#records #contract-profile .legacy-operator-section .legacy-payment-history .operator-total-eur {
  font-weight:850!important;color:#000!important;text-align:right!important;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#records #contract-profile .legacy-operator-section .legacy-payment-history tfoot td {
  height:32px;font-size:16px!important;vertical-align:middle!important;
}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(11) {
  width:11%;
}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(12) {
  width:8%;
}

/* First family member: the booking client must remain clearly visible. */
#records #contract-profile .legacy-tourists-grid .legacy-primary-tourist td {
  background:#fff!important;color:#000!important;
  border:1px solid #000!important;
}
#records #contract-profile .legacy-tourists-grid .legacy-primary-tourist td:nth-child(3){
  font-weight:850!important;
}
#records #contract-profile .legacy-tourists-grid .legacy-primary-tourist td:nth-child(6){
  font-weight:750!important;
}


/* FAMILY_ACTIONS_LAYOUT_V12 — keep edit/delete fully within the rightmost cell. */
#records #contract-profile .legacy-tourists .legacy-tourists-grid {
  table-layout:fixed!important;
  width:100%!important;
  min-width:890px!important;
  max-width:1050px!important;
}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(1){width:6%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(2){width:7%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(3){width:22%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(4){width:15%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(5){width:18%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(6){width:17%!important}
#records #contract-profile .legacy-tourists .legacy-tourists-grid th:nth-child(7){
  width:15%!important;
  min-width:128px!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
}
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions {
  min-width:128px!important;
  width:15%!important;
  padding:5px 9px!important;
  white-space:normal!important;
  vertical-align:middle!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-align:left!important;
}
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions button {
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  margin:2px 0!important;
  padding:3px 1px!important;
  line-height:1.25!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  box-sizing:border-box!important;
}
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions span {
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  color:#000!important;
}


/* PAYMENT_ACTIONS_INSIDE_CELL_V13 — keep payment edit/delete in their rightmost cells */
#records #contract-profile .legacy-operator-section .legacy-payment-history th:last-child {
  width:10%!important;
  min-width:108px!important;
  white-space:nowrap!important;
}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(10) {width:8.5%!important}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(11) {width:10%!important}
#records #contract-profile .legacy-operator-section .legacy-payment-history th:nth-child(12) {width:6%!important}
#records #contract-profile .legacy-client-section .legacy-payment-history th:last-child {
  width:10%!important;
  min-width:108px!important;
  white-space:nowrap!important;
}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(3) {width:11%!important}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(9) {width:9%!important}
#records #contract-profile .legacy-client-section .legacy-payment-history th:nth-child(11) {width:7%!important}
#records #contract-profile .legacy-operator-section .legacy-payment-history td.legacy-actions,
#records #contract-profile .legacy-client-section .legacy-payment-history td.legacy-actions {
  min-width:108px!important;
  padding:5px 8px!important;
  white-space:normal!important;
  vertical-align:middle!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#records #contract-profile .legacy-operator-section .legacy-payment-history td.legacy-actions button,
#records #contract-profile .legacy-client-section .legacy-payment-history td.legacy-actions button {
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:2px 0!important;
  padding:3px 0!important;
  line-height:1.3!important;
  font-size:16px!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  text-align:left!important;
}

/* PRODUCT_LEAD_ASSIGN_PICKER_V1: one small action beside Open/Delete */
#product-inquiries .product-assign-wrap{display:inline-flex;align-items:center;gap:5px;position:relative;flex-wrap:wrap}
#product-inquiries .prod-btn-assign{color:#0e4791!important;background:#e9f2ff;border:1px solid #000;border-radius:7px}
#product-inquiries .product-assignee-caption{font-size:16px;font-weight:750;color:#0d4386;white-space:nowrap}
#product-inquiries .product-assign-menu[hidden]{display:none!important}
#product-inquiries .product-assign-menu{position:fixed;z-index:12000;min-width:240px;max-width:290px;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #000;border-radius:10px;box-shadow:0 14px 32px #0004;padding:10px}
#product-inquiries .product-assign-menu>strong{display:block;color:#000;font-size:16px;margin:0 0 7px}
#product-inquiries .product-assign-choice{display:block;width:100%;text-align:left;background:#f1f6ff;border:1px solid #000;border-radius:7px;padding:9px;font-size:16px;font-weight:780;color:#000;margin:5px 0}
#product-inquiries .product-assign-choice:hover{background:#dbeaff}
#product-inquiries .product-assign-choice small{display:block;font-weight:500;color:#263e5c}


/* CONTRACT_FRAMES_V14 — consistent visible frames on this card only. */
#records.contract-detail-open .records-card,
#records #contract-profile,
#records #contract-profile .legacy-payment-history,
#records #contract-profile .legacy-payment-history thead th,
#records #contract-profile .legacy-payment-history tbody td,
#records #contract-profile .legacy-payment-history tfoot td,
#records #contract-profile .legacy-tourists-grid thead th,
#records #contract-profile .legacy-tourists-grid tbody td,
#records #contract-profile .legacy-refunds-grid thead th,
#records #contract-profile .legacy-refunds-grid tbody td,
#records #contract-profile .contract-core-data,
#records #contract-profile .profile-balance.profile-balance-compact > div,
#records #contract-profile .profile-contract-section,
#records #contract-profile .contract-activity,
#records #contract-profile .contract-activity th,
#records #contract-profile .contract-activity td,
#records #contract-profile .profile-edit-grid input,
#records #contract-profile .profile-edit-grid select,
#records #contract-profile .legacy-entry-line input:not([type="hidden"]),
#records #contract-profile .legacy-entry-line select,
#records #contract-profile .legacy-entry-line textarea,
#records #contract-profile .legacy-entry-line .legacy-add-button,
#records #contract-profile .legacy-entry-line .legacy-cancel,
#records #contract-profile .contract-focus-bar button,
#records #contract-profile .profile-head-tools button,
#records #contract-profile .profile-form-actions button {
  border:1px solid #000!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#records #contract-profile .legacy-payment-history,
#records #contract-profile .legacy-tourists-grid,
#records #contract-profile .legacy-refunds-grid,
#records #contract-profile .contract-activity table {
  border-collapse:collapse!important;
  border-spacing:0!important;
}
#records #contract-profile .legacy-payment-history td.legacy-actions button.account-edit,
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions button.tourist-edit {
  display:block!important;
  width:fit-content!important;
  min-width:73px!important;
  max-width:100%!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  padding:4px 7px!important;
  margin:3px 0!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#17733a!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
#records #contract-profile .legacy-payment-history td.legacy-actions button.account-void,
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions button.tourist-delete {
  display:block!important;
  width:fit-content!important;
  min-width:73px!important;
  max-width:100%!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  padding:4px 7px!important;
  margin:3px 0!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#b42626!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
#records #contract-profile .legacy-payment-history td.legacy-actions,
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions {
  min-width:108px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#records #contract-profile .legacy-payment-history td.legacy-actions button:focus-visible,
#records #contract-profile .legacy-tourists .legacy-tourists-grid td.legacy-actions button:focus-visible {
  outline:2px solid #000!important;
  outline-offset:2px!important;
}


/* CONTRACT_ACTIVITY_COLLAPSIBLE_V15 */
#records #contract-profile details.contract-activity {
  display:block!important;
  margin:14px 0 7px!important;
  border:1px solid #000!important;
  border-radius:0!important;
  background:#fff!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title {
  display:flex!important;
  list-style:none!important;
  align-items:center!important;
  gap:12px!important;
  cursor:pointer!important;
  user-select:none!important;
  border-bottom:0!important;
  min-height:37px!important;
  color:#000!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title::-webkit-details-marker {
  display:none;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title::marker {
  content:'';
}
#records #contract-profile details.contract-activity[open] > summary.contract-activity-title {
  border-bottom:1px solid #000!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title h4 {
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  color:#fff!important;
  padding:7px 14px!important;
  background:#710d20!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title > span:not(.contract-activity-chevron) {
  margin-left:auto!important;
  padding:5px 2px!important;
  color:#000!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title .contract-activity-chevron {
  display:inline-block!important;
  padding:5px 14px!important;
  margin:0!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1!important;
  transform:rotate(0deg);
  transition:transform .14s ease-in-out;
  color:#000!important;
}
#records #contract-profile details.contract-activity[open] > summary.contract-activity-title .contract-activity-chevron {
  transform:rotate(180deg);
}
#records #contract-profile details.contract-activity:not([open]) > .contract-activity-scroll,
#records #contract-profile details.contract-activity:not([open]) > .contract-activity-footnote {
  display:none!important;
}
#records #contract-profile details.contract-activity > summary.contract-activity-title:focus-visible {
  outline:2px solid #000!important;
  outline-offset:2px!important;
}
@media(max-width:600px){
 #records #contract-profile details.contract-activity > summary.contract-activity-title h4 {
   min-width:0!important;
   max-width:65%!important;
   flex:1!important;
 }
}

/* CLIENT_PROFILE_VIEW_V16 — customer card in existing CRM, no duplicate clients. */
#records.client-detail-open #records-form-card,
#records.client-detail-open #record-table,
#records.client-detail-open .records-card > .panel-heading{display:none!important}
#records.client-detail-open .records-card{
  padding:12px!important;margin-top:8px!important;
  border:1px solid #000!important;border-radius:5px!important;
  background:#fff!important;box-shadow:none!important;
}
#records .client-open-button{
  border:1px solid #000!important;background:#fff!important;
  color:#000!important;padding:5px 11px!important;
  font-size:16px;font-weight:800;border-radius:2px!important;
}
#records .client-open-button:hover,
#records .client-open-contract:hover,
#records .client-contract-link:hover{text-decoration:underline}
#records #client-profile{background:#fff!important;color:#000!important;font-size:16px}
#records #client-profile .client-card-toolbar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border-bottom:1px solid #000!important;padding:4px 0 11px;gap:10px;
}
#records #client-profile .client-card-toolbar strong{
  color:#000!important;font-size:16px;font-weight:850;text-align:center;flex:1;
}
#records #client-profile .client-card-toolbar button,
#records #client-profile #client-card-close-error{
  border:1px solid #000!important;background:#fff!important;
  padding:6px 10px!important;border-radius:0!important;
  color:#000!important;font-size:16px;font-weight:800;
}
#records #client-profile .client-card-fields{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  margin:12px 0 14px;border:1px solid #000!important;
}
#records #client-profile .client-card-fields>div{
  padding:10px;min-width:0;overflow-wrap:anywhere;
  border-right:1px solid #000!important;
}
#records #client-profile .client-card-fields>div:last-child{border-right:0!important}
#records #client-profile .client-card-fields span{
  display:block;font-size:16px;font-weight:700;color:#000!important;
  margin-bottom:4px;
}
#records #client-profile .client-card-fields strong{
  display:block;font-size:16px;font-weight:800;color:#000!important;
}
#records #client-profile .client-identity{
  border:1px solid #000!important;background:#fff!important;
  margin:8px 0 15px;
}
#records #client-profile .client-identity>summary{
  cursor:pointer;padding:8px 12px;font-weight:800;
  color:#000!important;
}
#records #client-profile .client-identity[open]>summary{border-bottom:1px solid #000!important}
#records #client-profile .client-identity .client-card-fields{
  margin:0;border:0!important;grid-template-columns:repeat(3,minmax(0,1fr));
}
#records #client-profile .client-contracts{
  margin:15px 0 5px;border:1px solid #000!important;background:#fff!important;
}
#records #client-profile .client-contracts-title{
  display:flex;align-items:stretch;justify-content:space-between;
  border-bottom:1px solid #000!important;min-height:34px;gap:8px;
}
#records #client-profile .client-contracts-title h3{
  display:flex;align-items:center;padding:7px 13px;margin:0;
  background:#710d20!important;color:#fff!important;font-size:16px;
  font-weight:850;min-width:260px;
}
#records #client-profile .client-contracts-title span{
  padding:6px 15px;color:#000!important;font-weight:800;align-self:center;
}
#records #client-profile .client-contract-scroll{max-width:100%;overflow:auto}
#records #client-profile .client-contract-scroll table{
  border-collapse:collapse!important;width:100%;min-width:900px;table-layout:auto;
  background:#fff!important;color:#000!important;font-size:16px;
}
#records #client-profile .client-contract-scroll th,
#records #client-profile .client-contract-scroll td{
  padding:8px 9px!important;border:1px solid #000!important;
  background:#fff!important;color:#000!important;text-align:left;
  vertical-align:middle;
}
#records #client-profile .client-contract-scroll th{font-weight:850}
#records #client-profile .client-contract-scroll td.client-money{
  text-align:right!important;font-variant-numeric:tabular-nums;
  font-weight:850;white-space:nowrap;
}
#records #client-profile .client-contract-scroll td small{display:block;margin-top:3px}
#records #client-profile .client-contract-link,
#records #client-profile .client-open-contract{
  color:#000!important;background:#fff!important;
  border:1px solid #000!important;padding:5px 8px!important;
  border-radius:0!important;font-weight:800;font-size:16px;
  white-space:nowrap;
}
#records #client-profile .client-contracts-empty,
#records #client-profile .client-card-loading{
  padding:12px;margin:0;color:#000!important;font-size:16px;
}
@media(max-width:920px){
 #records #client-profile .client-card-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records #client-profile .client-card-fields>div:nth-child(even){border-right:0!important}
}
@media(max-width:540px){
 #records #client-profile .client-card-fields{grid-template-columns:1fr}
 #records #client-profile .client-card-fields>div{border-right:0!important;border-bottom:1px solid #000!important}
 #records #client-profile .client-card-fields>div:last-child{border-bottom:0!important}
 #records #client-profile .client-identity .client-card-fields{grid-template-columns:1fr}
 #records #client-profile .client-contracts-title h3{min-width:0!important}
}



/* CLIENT_COMPREHENSIVE_PROFILE_V17: compact per-customer metrics and currency-specific balances. */
#records #client-profile .client-card-summary{margin:10px 0 14px}
#records #client-profile .client-card-metrics{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
}
#records #client-profile .client-card-metrics>div{
  border:1px solid #000!important;background:#fff!important;color:#000!important;
  padding:10px 12px;min-width:0;
}
#records #client-profile .client-card-metrics span{
  display:block;font-size:16px;font-weight:700;color:#000!important;
}
#records #client-profile .client-card-metrics strong{
  display:block;font-size:23px;font-weight:850;color:#000!important;margin-top:5px;
  font-variant-numeric:tabular-nums;
}
#records #client-profile .client-card-summary p,
#records #client-profile .client-finance p{
  font-size:16px;color:#000!important;margin:6px 0 0;
}
#records #client-profile .client-card-fields a{
  color:#000!important;text-decoration:underline;font-weight:800;
  overflow-wrap:anywhere;
}
#records #client-profile .client-finance{
  border:1px solid #000!important;margin:13px 0;padding:0 0 8px;
}
#records #client-profile .client-finance>h3{
  font-size:16px;font-weight:850;
  display:block;width:fit-content;min-width:235px;
  background:#710d20!important;color:#fff!important;
  padding:8px 14px;margin:0 0 9px;
}
#records #client-profile .client-finance-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;
  padding:0 10px;
}
#records #client-profile .client-finance-row{
  display:grid;grid-template-columns:1fr;gap:4px;
  border:1px solid #000!important;padding:7px 10px;
}
#records #client-profile .client-finance-currency{
  font-size:16px;color:#000!important;
  border-bottom:1px solid #000!important;padding-bottom:5px;
}
#records #client-profile .client-finance-row>div{
  display:flex;justify-content:space-between;gap:8px;
  padding:3px 0;color:#000!important;
}
#records #client-profile .client-finance-row span{font-size:16px;font-weight:650;color:#000!important}
#records #client-profile .client-finance-row b{font-size:16px;font-weight:850;color:#000!important;white-space:nowrap}
#records #client-profile .client-finance p{margin:6px 10px}
#records #client-profile .client-requests{margin-top:14px}
#records #client-profile .client-requests table{min-width:500px}
@media(max-width:1050px){
 #records #client-profile .client-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
 #records #client-profile .client-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* TRAVEL_OFFICE_SIDEBAR_UNIFORM_NAVY_20261025 */
/* Match the top navy across the entire scrollable sidebar; preserve active buttons. */
.app > .sidebar,body .app > .sidebar{background-color:#061936!important;background-image:none!important;}
@media(max-width:720px){.app > .sidebar,body .app > .sidebar{background-color:#061936!important;background-image:none!important;}}

/* TOURISM_INBOX_V18 — consumer tourism requests, separated from B2B product inbox. */
#records.tourism-view #records-form-card{display:none!important}
#records.tourism-view.tourism-create-open #records-form-card{display:block!important}
#records.tourism-view .records-card{padding:16px!important;background:#fff!important;box-shadow:none!important}
#records.tourism-view #record-table{background:#fff!important}
#records .tourism-inbox{color:#000!important}
#records .tourism-inbox-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:12px 0 17px}
#records .tourism-inbox-toolbar>.primary-button{padding:10px 17px;font-size:16px;border:1px solid #000!important}
#records .tourism-inbox-toolbar>span{color:#000!important;font-size:16px;line-height:1.35;flex:1;min-width:280px}
#records .tourism-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 12px;color:#000!important;font-size:16px}
#records .tourism-filter-row label{display:flex;align-items:center;gap:8px;font-weight:700}
#records .tourism-filter-row select{border:1px solid #000!important;background:#fff!important;color:#000!important;font-size:16px;padding:6px 10px}
#records .tourism-scroll{max-width:100%;overflow-x:auto!important;border:1px solid #000!important}
#records .tourism-table{width:100%!important;min-width:1030px!important;border-collapse:collapse!important;font-size:16px!important;color:#000!important;table-layout:auto}
#records .tourism-table th,#records .tourism-table td{border:1px solid #000!important;padding:10px 9px!important;vertical-align:middle!important;color:#000!important;background:#fff!important;font-size:16px!important;line-height:1.35!important}
#records .tourism-table thead th{background:#e8f1fc!important;font-size:16px!important;font-weight:800!important;text-align:left!important;white-space:normal}
#records .tourism-table tbody tr:nth-child(even)>td{background:#f5faff!important}
#records .tourism-table tbody tr[data-tour-open]{cursor:pointer}
#records .tourism-table tbody tr[data-tour-open]:hover>td{background:#eaf3fc!important}
#records .tourism-table tbody tr[data-tour-open]:focus-visible{outline:2px solid #000;outline-offset:-2px}
#records .tourism-table td:nth-child(1){width:44px;text-align:center;font-weight:800}
#records .tourism-table td:nth-child(2){white-space:nowrap;min-width:140px}
#records .tourism-table td:nth-child(3){min-width:160px;font-weight:750}
#records .tourism-table td:nth-child(4){min-width:105px}
#records .tourism-table td:nth-child(5){min-width:155px;overflow-wrap:anywhere}
#records .tourism-table td:nth-child(6){min-width:115px;overflow-wrap:anywhere}
#records .tourism-table td:nth-child(7){min-width:95px}
#records .tourism-table td:nth-child(8){width:350px;min-width:290px}
#records .tourism-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
#records .tourism-action,.tourism-lead-dialog .tourism-action{
  border:1px solid #000!important;border-radius:5px!important;
  padding:7px 10px!important;font-size:16px!important;
  font-weight:800!important;background:#fff!important;color:#000!important;
  line-height:1.25!important;cursor:pointer;white-space:nowrap}
#records .tourism-action:hover,.tourism-lead-dialog .tourism-action:hover{filter:brightness(.92)}
#records .tourism-take,.tourism-lead-dialog .tourism-take{background:#1c66d5!important;color:#fff!important}
#records .tourism-open{background:#eff5ff!important;color:#000!important}
#records .tourism-delete{background:#faeeee!important;color:#8f1414!important}
#records .tourism-create{background:#fff!important;color:#000!important}
#records .tourism-assign{background:#ecf4fd!important;color:#000!important}
#records .tourism-locked{font-size:16px;font-weight:800;color:#000!important;padding:5px 3px}
#records .tourism-status{display:inline-block;border-radius:12px;border:1px solid #000!important;padding:5px 9px;font-size:16px;font-weight:750;white-space:nowrap}
#records .tourism-status-new{background:#f1f3f6!important}
#records .tourism-status-contact{background:#ddecff!important}
#records .tourism-status-offer{background:#fff2d6!important}
#records .tourism-status-negotiation{background:#ffe7eb!important}
#records .tourism-status-won{background:#d9f5e6!important}
#records .tourism-status-lost{background:#ececec!important}
#records .tourism-assignment{display:flex;align-items:center;flex-wrap:wrap;gap:5px;position:relative}
#records .tourism-assigned{font-size:16px;font-weight:750;color:#000!important;white-space:nowrap}
#records .tourism-assignment-menu{position:absolute;top:calc(100% + 3px);left:0;z-index:30;
 min-width:230px;padding:12px;box-shadow:0 7px 18px #0002;border:1px solid #000!important;
 background:#fff!important;display:flex;flex-direction:column;gap:8px}
#records .tourism-assignment-menu[hidden]{display:none!important}
#records .tourism-assignment-menu label{display:flex;flex-direction:column;gap:5px;font-size:16px;font-weight:750}
#records .tourism-assignment-menu select{height:33px;border:1px solid #000!important;background:#fff!important;color:#000!important}
#records .tourism-info{font-size:16px;color:#000!important;margin:7px 0}
#records .tourism-board{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:11px;margin:12px 0}
#records .tourism-board-column{border:1px solid #000!important;background:#fff!important;min-height:140px}
#records .tourism-board-column>header{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;
 background:#e8f1fc!important;border-bottom:1px solid #000!important;color:#000!important;font-size:16px;font-weight:800}
#records .tourism-board-column p{padding:13px;font-size:16px;color:#000!important}
#records .tourism-board-lead{display:flex;flex-direction:column;gap:5px;margin:8px;max-width:calc(100% - 16px);
 width:calc(100% - 16px);padding:10px;text-align:left;border:1px solid #000!important;background:#fff!important;color:#000!important}
#records .tourism-board-lead span{font-size:16px}
.tourism-lead-dialog{width:min(760px,calc(100vw - 28px));max-height:88vh;overflow:auto;
 padding:17px;border:1px solid #000!important;border-radius:6px!important;background:#fff!important;color:#000!important}
.tourism-lead-dialog::backdrop{background:#071b3888}
.tourism-lead-dialog h2{font-size:19px;font-weight:850;color:#000!important;margin:3px 0 14px}
.tourism-lead-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #000!important}
.tourism-lead-detail-grid>div{padding:10px;border-bottom:1px solid #000!important;border-right:1px solid #000!important;overflow-wrap:anywhere}
.tourism-lead-detail-grid span{display:block;font-size:16px;font-weight:700;color:#000!important;margin-bottom:5px}
.tourism-lead-detail-grid strong,.tourism-lead-detail-grid a{font-size:16px;font-weight:800;color:#000!important}
.tourism-lead-note{border:1px solid #000!important;margin:13px 0;padding:9px 12px}
.tourism-lead-note h3{font-size:16px;font-weight:850;color:#000!important}
.tourism-lead-note p{white-space:pre-wrap;font-size:16px;color:#000!important}
.tourism-dialog-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:12px 0}
.tourism-dialog-actions label{display:flex;flex-direction:column;font-size:16px;font-weight:750;gap:5px;color:#000!important}
.tourism-dialog-actions select{height:35px;border:1px solid #000!important;background:#fff!important;color:#000!important}
@media(max-width:1050px){#records .tourism-board{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:620px){#records .tourism-board{grid-template-columns:1fr}.tourism-lead-detail-grid{grid-template-columns:1fr}}



/* FIRST CRM: Director Admin -> Employee Cabinets. Matches original midnight-blue UI. */
#admin .card{margin-bottom:16px}
#admin h2,#admin h3,#admin h4{margin:0;color:#102b50}
#admin p{color:#243b5a}
#admin .director-admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
#admin .director-admin-header h2{font-size:25px;margin-bottom:8px}
#admin .director-admin-header p{max-width:850px;margin:0}
#admin .director-admin-header .primary-button{min-height:45px;white-space:normal}
#v1-admin-message{color:#e5f2ff;font-size:16px;min-height:8px;font-weight:700;margin-bottom:10px}
#v1-admin-message.admin-error{color:#ffd4d4}
#admin .director-admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}
#admin .director-admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px;padding:7px 0}
#admin .director-cabinet-card{display:flex;align-items:center;text-align:center;flex-direction:column;gap:9px;padding:21px 15px;background:#f3f7ff;border:1px solid #123b6a;border-radius:13px;min-height:246px;overflow-wrap:anywhere}
#admin .director-cabinet-card strong{font-size:19px;color:#071d41}
#admin .director-cabinet-card small{font-size:16px;color:#24466d}
#admin .director-cabinet-icon{display:grid;place-items:center;width:72px;height:72px;font-size:48px;color:#1064d4;background:#deebff;border-radius:50%;border:1px solid #497bac}
#admin .director-cabinet-state{font-size:16px;font-weight:800;color:#165b97;background:#deebff;border-radius:8px;padding:5px 10px}
#admin .director-cabinet-card .primary-button{margin-top:auto;width:100%;font-size:16px;padding:11px 8px;line-height:1.3}
#admin .director-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:12px 0}
#admin .director-admin-fields label,#admin .director-admin-invitation label{display:flex;flex-direction:column;gap:5px;font-size:16px;font-weight:750;color:#0d2b4e}
#admin input,#admin select{width:100%;padding:10px 11px;border:1px solid #6e86a6;border-radius:8px;color:#111e35;background:#fff;min-height:42px}
#admin input:focus-visible,#admin select:focus-visible{outline:3px solid #80adff}
#admin .director-admin-invitation input{margin:8px 0;width:min(100%,850px)}
#admin .director-admin-editor-title{margin:12px 0 16px}
#admin .director-rights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
#admin .director-right-card{padding:15px;border:1px solid #688aaa;background:#eef5ff;border-radius:12px}
#admin .director-right-card h4{font-size:18px;margin:0 0 12px}
#admin .director-right-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid #d3deee}
#admin .director-right-row label{display:flex;align-items:center;gap:7px;color:#102b50;font-weight:700;font-size:16px;min-width:0}
#admin .director-right-row input[type=checkbox],#admin .director-visibility-person input{width:18px;height:18px;min-height:18px;accent-color:#156adb;margin:0;flex-shrink:0}
#admin .director-right-row select{width:146px;font-size:16px;padding:6px;min-height:33px}
#admin .director-right-card details{margin-top:12px;border-top:1px solid #a9c0e0;padding-top:10px}
#admin .director-right-card summary{cursor:pointer;color:#0b4d99;font-weight:750;font-size:16px}
#admin .director-visibility-list{display:flex;flex-direction:column;gap:9px;padding:10px 0}
#admin .director-visibility-person{display:flex;gap:8px;align-items:center;font-size:16px;color:#142d51}
@media(max-width:780px){#admin .director-admin-fields{grid-template-columns:1fr}#admin .director-rights-grid{grid-template-columns:1fr}}


/* CRM_SCREENSHOT_TYPOGRAPHY_V19
   Typography in screenshots: tourist leads +2, sidebar +2, 13px body/help +3.
   Old 13px declarations throughout the stylesheet were upgraded to 16px above.
   These specific table overrides preserve the requested +2px for the lead grid. */
.app .sidebar .nav-item {
  font-size:16px!important;
  line-height:1.32!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  min-height:49px;
}
.app .sidebar .nav-item .nav-icon{flex:0 0 23px}
#records .tourism-inbox .tourism-table,
#records .tourism-inbox .tourism-table th,
#records .tourism-inbox .tourism-table td{
  font-size:16px!important;
  line-height:1.42!important;
}
#records .tourism-inbox .tourism-filter-row,
#records .tourism-inbox .tourism-filter-row label{
  font-size:16px!important;
  line-height:1.4!important;
}
#records .tourism-inbox .tourism-filter-row select{
  font-size:16px!important;
  min-height:36px;
}
#records .tourism-inbox .tourism-action,
.tourism-lead-dialog .tourism-action{
  font-size:16px!important;
  line-height:1.32!important;
  white-space:normal!important;
}
#records .tourism-inbox .tourism-status{
  font-size:16px!important;
  line-height:1.3!important;
}
#records .tourism-inbox .tourism-assigned,
#records .tourism-inbox .tourism-locked{
  font-size:16px!important;
  line-height:1.4!important;
}
#records .tourism-inbox .tourism-inbox-toolbar>.primary-button{
  font-size:16px!important;
  line-height:1.35!important;
}
#records .tourism-inbox .tourism-inbox-toolbar>span,
#product-inquiries .product-inbox-toolbar>span {
  font-size:16px!important;
  line-height:1.5!important;
  min-width:0!important;
  overflow-wrap:break-word!important;
}
#records .tourism-inbox .tourism-actions{align-items:center;row-gap:7px}
#records .tourism-inbox .tourism-table th{overflow-wrap:break-word}
#records .tourism-inbox .tourism-table td:nth-child(8){
  min-width:320px;
  width:350px;
}
#records .tourism-inbox .tourism-scroll{overflow-x:auto!important}
@media(max-width:1000px){
 .app .sidebar .nav-item{font-size:16px!important;min-height:47px}
}
@media(max-width:720px){
 .app .sidebar .nav-item{
   font-size:16px!important;min-height:45px;
   flex:0 0 auto;white-space:nowrap!important;
 }
}

/* CABINET_LIFECYCLE_BUTTONS_20261025 */
#admin .cabinet-actions{display:flex;flex-direction:column;gap:9px;margin-top:auto;width:100%}
#admin .cabinet-actions .primary-button{margin-top:0}
#admin .cabinet-disable{border:1px solid #b23c39;background:#fff3f3;color:#9b211d;border-radius:8px;font-size:16px;font-weight:750;min-height:38px;padding:7px;cursor:pointer}
#admin .cabinet-disable:hover{background:#ffdfdc}
#admin .cabinet-restore{border:1px solid #158052;background:#e0f6eb;color:#086837;border-radius:8px;font-size:16px;font-weight:750;min-height:38px;padding:7px;cursor:pointer;margin-top:auto;width:100%}
#admin .cabinet-restore:hover{background:#c7efdc}

/* TOURISM_TWO_PIXEL_TEXT_V20 */
/* Tourism explanatory sentence: 16px -> 18px. */
#records .tourism-inbox .tourism-inbox-toolbar > span {
  font-size:18px!important;
  line-height:1.5!important;
}
/* Tourism counters: 15px -> 17px, including emphasized values. */
#records .tourism-inbox .tourism-filter-row,
#records .tourism-inbox .tourism-filter-row > span,
#records .tourism-inbox .tourism-filter-row > span b {
  font-size:17px!important;
  line-height:1.4!important;
}


/* TOURISM_TEXT_VISIBILITY_V21 — clear +2px increase over v20 on two lines. */
#records .tourism-inbox .tourism-inbox-toolbar > span {
  font-size:20px!important;
  line-height:1.42!important;
}
#records .tourism-inbox .tourism-filter-row,
#records .tourism-inbox .tourism-filter-row > span,
#records .tourism-inbox .tourism-filter-row > span b {
  font-size:19px!important;
  line-height:1.42!important;
}

/* EMPLOYEE_PERMANENT_CABINET_LINKS_20261025 */
#admin .cabinet-entry-actions{display:flex;flex-direction:column;gap:7px;width:100%;margin:8px 0}
#admin .cabinet-entry-actions .cabinet-open-link,
#admin .cabinet-entry-actions .cabinet-copy-link{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;font-size:16px;font-weight:800;border-radius:8px;padding:9px 11px;cursor:pointer;line-height:1.2;text-decoration:none}
#admin .cabinet-entry-actions .cabinet-open-link{background:#1765d6;border:1px solid #004ea7;color:#fff}
#admin .cabinet-entry-actions .cabinet-open-link:hover{background:#064ba5}
#admin .cabinet-entry-actions .cabinet-copy-link{background:#fff;border:1px solid #1c5fae;color:#15559a}
#admin .cabinet-entry-actions .cabinet-copy-link:hover{background:#e3efff}
#admin .director-cabinet-entry-line{border:1px solid #356da4;border-radius:10px;background:#edf5ff;padding:15px;margin:14px 0 19px}
#admin .director-cabinet-entry-line strong{display:block;margin-bottom:11px;color:#082d57}
#admin .director-cabinet-entry-line small{display:block;margin-top:9px;color:#234260;font-size:16px}
#admin .director-cabinet-link-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#admin .director-cabinet-link-row input{flex:2 1 360px;min-width:200px;width:auto;font-size:16px}
#admin .director-cabinet-link-row .primary-button{flex:0 0 auto;min-height:42px;white-space:nowrap}
#admin .director-cabinet-link-row a{color:#0f52ad;font-weight:800;text-decoration:underline}

/* STAFF_CREDENTIALS_PANEL_20261025 */
#admin .director-credential-editor{margin:17px 0;padding:19px;background:#eff6ff;border:1px solid #1c5289;border-radius:12px}
#admin .director-credential-editor>h3{font-size:19px;margin-bottom:8px}
#admin .director-credential-editor p{font-size:16px;line-height:1.5}
#admin .director-credential-editor form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));align-items:end}
#admin .director-credential-editor form>label{display:grid;gap:6px;font-weight:750;font-size:16px;color:#172e4e}
#admin .director-credential-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
#admin .director-show-password{display:flex;align-items:center;gap:7px;font-size:16px;color:#16334d}
#admin .director-show-password input{min-height:17px;height:17px;width:17px}
#admin .director-credential-result{background:#fff;border:1px solid #287a55;border-radius:9px;padding:15px;margin-top:15px;color:#162d44}
#admin .director-credential-result code{font-size:16px;font-weight:800;user-select:all;word-break:break-all}
#admin .director-credential-result>div{margin-top:8px}
#admin .director-credential-result small{display:block;margin-top:10px;color:#000}

/* ADMIN_ONLY_FONT_PLUS_3PX_20261025_V1
   Exactly +3px on director administration's typography; leaves other CRM pages untouched.
   Inherited base 16->19. Explicit legacy sizes are mapped to legacy+3. */
#admin {font-size:19px!important;line-height:1.4;}
#admin h2{font-size:25px!important;line-height:1.3!important;}
#admin h3{font-size:22px!important;line-height:1.3!important;}
#admin h4{font-size:21px!important;line-height:1.3!important;}
#admin p,#admin label,#admin summary,#admin span,#admin a,
#admin button,#admin input,#admin select,#admin textarea{line-height:1.4;}
#admin button,#admin input:not([type="checkbox"]),#admin select,#admin textarea{font-size:19px!important;}
#admin .text-button{font-size:16px!important;white-space:normal;}
#admin small{font-size:16px!important;line-height:1.4;}
#admin code{font-size:18px!important;}
#v1-admin-message{font-size:18px!important;}
#admin .director-admin-header h2{font-size:28px!important;}
#admin .director-admin-header .primary-button{font-size:19px!important;}
#admin .director-admin-fields label,
#admin .director-admin-invitation label{font-size:17px!important;}
#admin .director-admin-cards .director-cabinet-card strong{font-size:22px!important;}
#admin .director-admin-cards .director-cabinet-card small{font-size:19px!important;}
#admin .director-cabinet-state{font-size:19px!important;}
#admin .director-cabinet-card .primary-button{font-size:19px!important;}
#admin .director-cabinet-icon{font-size:48px!important;}
#admin .director-right-card h4{font-size:21px!important;}
#admin .director-right-row label{font-size:19px!important;}
#admin .director-right-row select{font-size:16px!important;width:186px;min-height:40px;padding:8px;}
#admin .director-right-card summary{font-size:19px!important;}
#admin .director-visibility-person{font-size:19px!important;}
#admin .cabinet-disable,#admin .cabinet-restore{font-size:16px!important;min-height:44px;}
#admin .cabinet-entry-actions .cabinet-open-link,
#admin .cabinet-entry-actions .cabinet-copy-link{font-size:18px!important;min-height:46px;}
#admin .director-cabinet-entry-line small{font-size:17px!important;}
#admin .director-cabinet-link-row input{font-size:17px!important;min-height:45px;}
#admin .director-cabinet-link-row .primary-button{min-height:45px;}
#admin .director-credential-editor>h3{font-size:22px!important;}
#admin .director-credential-editor p{font-size:17px!important;}
#admin .director-credential-editor form>label{font-size:17px!important;}
#admin .director-show-password{font-size:16px!important;}
#admin .director-credential-result code{font-size:18px!important;}
#admin .director-credential-result small{font-size:16px!important;}
#admin .director-right-row{min-height:51px;flex-wrap:wrap;}
#admin .director-right-card{min-width:0;}
#admin .director-rights-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));}
#admin input:not([type=checkbox]),#admin select{min-height:44px;}
#admin .director-right-row input[type=checkbox],
#admin .director-visibility-person input[type=checkbox]{min-height:20px;width:20px;height:20px;}
@media(max-width:740px){
 #admin .director-right-row{align-items:flex-start;}
 #admin .director-right-row select{min-width:min(100%,186px);max-width:100%;}
 #admin .director-cabinet-link-row{align-items:stretch;}
 #admin .director-cabinet-link-row input{flex:1 1 100%;min-width:0;}
 #admin .director-cabinet-link-row button{flex:1 1 100%;}
}

/* The CRM page header is outside #admin: enlarge it only while Admin is active. */
body:has(#admin.active-tab) #page-title h1{font-size:clamp(29px, calc(2.6vw + 3px), 43px)!important;}

/* DASHBOARD_FULL_SYNTHETIC_DEMO_FINISH_20261026
 * Styling is scoped to the director's DEMO dashboard.
 * No changes to employees, contracts, or real-mode financial logic.
 */
#dashboard[data-view-mode="demo"] .bottom-grid{
  align-items:stretch;
}
#dashboard[data-view-mode="demo"] .bottom-grid>.card{
  border:1px solid #bfd3ef;
  box-shadow:0 8px 24px rgba(0,20,62,.16);
  min-height:315px;
  padding:15px!important;
}
#dashboard[data-view-mode="demo"] .bottom-grid .panel-heading{
  border-bottom:1px solid #d7e6f6;
  padding-bottom:12px;
  margin-bottom:6px;
}
#dashboard[data-view-mode="demo"] .bottom-grid .panel-heading h2{
  font-size:17px!important;
  letter-spacing:-.01em;
  line-height:1.3;
  color:#0d2c56;
}
#dashboard[data-view-mode="demo"] .manager-card .manager-header{
  border:0;
  border-bottom:1px solid #9fb9d8;
  background:#e8f2ff;
  border-radius:7px 7px 0 0;
  font-size:16px;
}
#dashboard[data-view-mode="demo"] .manager-card .manager-entry{
  padding:11px 7px;
  font-size:16px;
  border-bottom:1px solid #e1eaf6;
}
#dashboard[data-view-mode="demo"] .manager-card .manager-entry:nth-child(odd){background:#f1f7ff}
#dashboard[data-view-mode="demo"] .manager-card .manager-full-name{font-weight:800}
#dashboard[data-view-mode="demo"] .manager-card .manager-profit{color:#008151;font-weight:900}
#dashboard[data-view-mode="demo"] .manager-card .manager-demo-note{
  margin:12px 0 0;
  padding:9px 10px;
  border-radius:7px;
  color:#000;
  background:#eef5ff;
  font-size:16px;
  font-weight:650;
}
#dashboard .demo-deals-head,
#dashboard .demo-deal-entry{
  display:grid;
  grid-template-columns:minmax(96px,1.22fr) minmax(80px,.9fr) minmax(62px,.73fr) minmax(78px,.84fr);
  gap:7px!important;
  align-items:center;
}
#dashboard .demo-deals-head{
  font-size:16px!important;
  font-weight:850;
  background:#e8f2ff;
  padding:11px 8px;
  border-radius:7px 7px 0 0;
}
#dashboard .demo-deal-entry{
  font-size:16px!important;
  padding:11px 6px;
  border-bottom:1px solid #e0eaf5;
}
#dashboard .demo-deal-entry:nth-child(odd){background:#f5f9ff}
#dashboard .demo-deal-entry .demo-deal-client{
  color:#132d4d;
  font-size:16px;
  font-weight:800;
  line-height:1.3;
  display:block;
}
#dashboard .demo-deal-entry small{
  display:block;
  font-size:16px;
  color:#000;
  font-weight:600;
  line-height:1.45;
  margin-top:4px;
}
#dashboard .demo-deal-destination{
  font-size:16px;
  color:#274361;
  overflow-wrap:anywhere;
}
#dashboard .demo-deal-entry .amount{
  font-size:16px;
  font-weight:850;
  color:#071e3d;
  white-space:nowrap;
}
#dashboard .demo-deal-status{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:26px;
  border-radius:14px;
  font-weight:850;
  padding:4px 6px;
  font-size:16px;
  line-height:1.2;
  text-align:center;
  white-space:normal;
}
#dashboard .demo-deal-status.paid{background:#dbf5e8;color:#00814e}
#dashboard .demo-deal-status.confirmed{background:#d2e8ff;color:#1458aa}
#dashboard .demo-deal-status.working{background:#fff0cf;color:#905000}
#dashboard .demo-card-label{
  margin-top:14px;
  padding:8px 10px;
  color:#000;
  border-radius:7px;
  background:#eef5ff;
  font-size:16px;
  font-weight:650;
}
#dashboard[data-view-mode="demo"] .fin-status>div{padding:14px 0}
#dashboard[data-view-mode="demo"] .fin-status span{font-size:16px;font-weight:700;color:#000}
#dashboard[data-view-mode="demo"] .fin-status b{font-size:18px;font-weight:900}
#dashboard[data-view-mode="demo"] #s-client-debt,
#dashboard[data-view-mode="demo"] #s-operator-debt{color:#c12c38}
#dashboard[data-view-mode="demo"] #s-net{color:#078650;font-size:22px}
#dashboard[data-view-mode="demo"] #s-net.negative{color:#c12c38}
#dashboard[data-view-mode="demo"] #k-cash{color:#063569}
#dashboard[data-view-mode="demo"] .bottom-grid .text-button{
  border:1px solid #b8cce7;
  padding:7px 9px;
  border-radius:7px;
  background:#eef5ff;
  text-decoration:none;
  font-size:16px;
  white-space:normal;
  text-align:right;
}
#dashboard[data-view-mode="demo"] .bottom-grid .text-button:hover{background:#d9e9ff}
@media(max-width:1400px){
  #dashboard[data-view-mode="demo"] .bottom-grid{
    grid-template-columns:1fr 1fr!important;
  }
  #dashboard[data-view-mode="demo"] .bottom-grid>.manager-card{grid-column:1/-1}
}
@media(max-width:760px){
  #dashboard[data-view-mode="demo"] .bottom-grid{
    grid-template-columns:1fr!important;
  }
  #dashboard[data-view-mode="demo"] .bottom-grid>.manager-card{grid-column:auto}
  #dashboard .demo-deals-head,#dashboard .demo-deal-entry{grid-template-columns:1.25fr .9fr .7fr .85fr;gap:5px!important}
}


/* DASHBOARD_BOTTOM_THREE_TEXT_PLUS3_20261026
   Demo mode: typography +3px versus prior styles for bottom three cards.
   Scope only to #dashboard[data-view-mode=demo] .bottom-grid.
*/
#dashboard[data-view-mode="demo"] .bottom-grid .panel-heading h2{font-size:20px!important;}
#dashboard[data-view-mode="demo"] .bottom-grid .panel-heading span{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .bottom-grid .text-button{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .manager-card .manager-header{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .manager-card .manager-entry{font-size:16px!important;line-height:1.35;}
#dashboard[data-view-mode="demo"] .manager-card .manager-demo-note{font-size:16px!important;line-height:1.45;}
#dashboard[data-view-mode="demo"] .manager-card .manager-source{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deals-head{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deal-entry{font-size:16px!important;line-height:1.35;}
#dashboard[data-view-mode="demo"] .demo-deal-entry .demo-deal-client{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deal-entry small{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deal-destination{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deal-entry .amount{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .demo-deal-status{font-size:16px!important;min-height:32px;}
#dashboard[data-view-mode="demo"] .demo-card-label{font-size:16px!important;line-height:1.4;}
#dashboard[data-view-mode="demo"] .fin-status span{font-size:16px!important;}
#dashboard[data-view-mode="demo"] .fin-status b{font-size:21px!important;}
#dashboard[data-view-mode="demo"] #s-net{font-size:25px!important;}
#dashboard[data-view-mode="demo"] .bottom-grid .manager-header,
#dashboard[data-view-mode="demo"] .bottom-grid .manager-entry{grid-template-columns:26px minmax(120px,1.9fr) minmax(65px,.72fr) minmax(92px,1fr) minmax(85px,1fr);}
#dashboard[data-view-mode="demo"] .bottom-grid #manager-rank{overflow-x:auto;}
#dashboard[data-view-mode="demo"] .bottom-grid .manager-header,
#dashboard[data-view-mode="demo"] .bottom-grid .manager-entry{min-width:450px;}
#dashboard[data-view-mode="demo"] .demo-deals-head,
#dashboard[data-view-mode="demo"] .demo-deal-entry{
 grid-template-columns:minmax(115px,1.3fr) minmax(90px,1.04fr) minmax(72px,.71fr) minmax(104px,.93fr);
 gap:9px!important;
}
#dashboard[data-view-mode="demo"] .recent-list{overflow-x:auto;}
#dashboard[data-view-mode="demo"] .demo-deals-head,
#dashboard[data-view-mode="demo"] .demo-deal-entry{min-width:410px;padding-top:13px;padding-bottom:13px;}
#dashboard[data-view-mode="demo"] .demo-deal-entry .demo-deal-status{white-space:normal;}
@media(max-width:700px){
 #dashboard[data-view-mode="demo"] .bottom-grid .manager-header,
 #dashboard[data-view-mode="demo"] .bottom-grid .manager-entry{min-width:500px;}
}

/* TOURISM_FILM_SHOWROOM_20261026
   Only applies when the global data selector is 'Демо' AND tourist leads
   are being shown. It never alters the actual CRM records or real-mode layout.
*/
body.demo-showcase-on #records> :not(.demo-showcase){display:none!important;}
#records .demo-showcase{display:block;width:100%;max-width:100%;color:#0b2449;font-size:16px}
#records .demo-showcase *{box-sizing:border-box}
#records .demo-showcase .film-banner{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#ddecff;color:#103f82;border-left:5px solid #286ce0;border-radius:10px;padding:14px 18px;margin-bottom:18px;box-shadow:0 5px 17px #061e4320}
#records .demo-showcase .film-banner strong{font-size:16px;font-weight:900;letter-spacing:.04em}
#records .demo-showcase .film-banner span{font-size:16px;font-weight:650;flex:1 1 290px}
#records .demo-showcase .film-banner button{border:1px solid #144c94;border-radius:8px;background:#fff;color:#134688;font-size:16px;font-weight:850;padding:9px 13px;cursor:pointer}
#records .demo-showcase .film-banner button:hover{background:#eff5ff}
#records .demo-showcase .film-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px;color:#fff}
#records .demo-showcase .film-head h2{font-size:30px;color:#fff;margin:6px 0;letter-spacing:-.02em}
#records .demo-showcase .film-head p{font-size:17px;line-height:1.55;color:#ccdef6;margin:2px 0 0;max-width:790px}
#records .demo-showcase .film-eyebrow{font-weight:900;color:#a4caff;font-size:16px;letter-spacing:.08em}
#records .demo-showcase .film-count{color:#094282;background:#e7f2ff;border-radius:999px;font-size:17px;font-weight:900;padding:11px 18px;white-space:nowrap}
#records .demo-showcase .film-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0 0 19px}
#records .demo-showcase .film-kpi{border:1px solid #c2d8f8;background:#fff;border-radius:12px;padding:16px 14px;box-shadow:0 5px 16px #061c3b27;min-width:0}
#records .demo-showcase .film-kpi span{color:#000;display:block;font-size:16px;font-weight:750;line-height:1.3}
#records .demo-showcase .film-kpi strong{display:block;font-size:27px;font-weight:950;color:#0b2c59;margin-top:11px;line-height:1.3}
#records .demo-showcase .film-card{background:#fff;border:1px solid #bfd4ef;border-radius:13px;box-shadow:0 7px 20px #071a372b;padding:18px 19px;margin-bottom:18px;min-width:0}
#records .demo-showcase .film-card-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce6f3;padding:0 0 14px;margin-bottom:17px}
#records .demo-showcase .film-card h3{font-size:21px;color:#132f56;margin:0}
#records .demo-showcase .film-lanes{display:flex;align-items:stretch;gap:11px;overflow-x:auto;padding:3px 3px 15px}
#records .demo-showcase .film-lane{flex:1 0 195px;min-width:195px;min-height:230px;background:#eff5fc;border:1px solid #c6d9f0;border-radius:11px;padding:12px 10px}
#records .demo-showcase .film-lane header{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:13px}
#records .demo-showcase .film-lane header b{display:grid;place-items:center;min-width:29px;height:29px;border-radius:999px;font-size:16px;background:#d5e5fb;color:#0c3d79}
#records .demo-showcase .film-lead-card{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;border:1px solid #cee0f2;background:#fff;color:#152c4a;padding:12px 11px;border-radius:9px;cursor:pointer;margin-bottom:10px;box-shadow:0 3px 8px #173e6020}
#records .demo-showcase .film-lead-card:hover{border-color:#3675d4;background:#f9fcff;transform:translateY(-1px)}
#records .demo-showcase .film-lead-card strong{font-weight:850;font-size:16px}
#records .demo-showcase .film-lead-card small{font-size:16px;color:#000;line-height:1.4}
#records .demo-showcase .film-empty{font-size:16px;color:#000;font-style:italic}
#records .demo-showcase .film-badge{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:28px;border-radius:999px;padding:5px 11px;font-size:16px;font-weight:850;line-height:1.25;white-space:nowrap}
#records .demo-showcase .film-badge.green{background:#d9f4e6;color:#087547}
#records .demo-showcase .film-badge.red{background:#ffe4e2;color:#922c32}
#records .demo-showcase .film-badge.amber{background:#fff0d1;color:#835007}
#records .demo-showcase .film-badge.blue{background:#dceaff;color:#164f9b}
#records .demo-showcase .film-table-scroll{overflow-x:auto;width:100%}
#records .demo-showcase .film-table{border-collapse:collapse;min-width:890px;width:100%;background:#fff}
#records .demo-showcase .film-table thead{background:#e8f2ff}
#records .demo-showcase .film-table th{font-size:16px;font-weight:900;color:#284466;text-align:left;padding:14px 12px;border-bottom:1px solid #c7d8eb;white-space:nowrap}
#records .demo-showcase .film-table td{font-size:16px;color:#162944;line-height:1.45;font-weight:650;padding:14px 12px;border-bottom:1px solid #e4edf7;vertical-align:middle}
#records .demo-showcase .film-table tbody tr:nth-child(2n){background:#f6faff}
#records .demo-showcase .film-table tbody tr[data-demo-open]{cursor:pointer}
#records .demo-showcase .film-table tbody tr:hover{background:#e6f2ff}
#records .demo-showcase .film-table td strong{font-weight:850}
#records .demo-showcase .film-sub{display:block;color:#000;font-size:16px}
#records .demo-showcase .film-btn{background:#f2f7ff;border:1px solid #a9c6e9;color:#124d91;font-weight:850;font-size:16px;line-height:1.2;border-radius:8px;padding:9px 12px;cursor:pointer;white-space:nowrap;min-height:39px}
#records .demo-showcase .film-btn:hover{background:#ddecff}
#records .demo-showcase .film-btn.primary{background:#1b64c9;border-color:#1b64c9;color:white}
#records .demo-showcase .film-btn.primary:hover{background:#1253a9}
.film-dialog{border:1px solid #b6cdec;border-radius:15px;padding:0;background:#fff;width:min(700px,94vw);max-height:88vh;overflow:auto;box-shadow:0 30px 100px #03152970;color:#122742}
.film-dialog::backdrop{background:#041329b8;backdrop-filter:blur(3px)}
.film-dialog .film-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:#0b2855;padding:23px;color:white}
.film-dialog .film-modal-head h2{font-size:24px;margin:6px 0 0;color:white}
.film-dialog .film-eyebrow{color:#bfd9ff;font-weight:850;font-size:16px}
.film-dialog .film-modal-close{border-radius:8px;background:#fff;color:#114c98;font-size:16px;border:0;padding:9px 13px;font-weight:850;cursor:pointer}
.film-dialog .film-modal-body{padding:23px}
.film-dialog .film-modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.film-dialog .film-detail-row{border:1px solid #e0eaf6;border-radius:9px;padding:12px 13px;min-width:0}
.film-dialog .film-detail-row span{display:block;color:#000;font-size:16px;font-weight:700;margin-bottom:6px}
.film-dialog .film-detail-row strong{display:block;color:#102b4c;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.film-dialog .film-modal-actions{border-top:1px solid #dde6f2;margin-top:20px;padding-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.film-dialog .film-modal-actions .film-btn{background:#eff5ff;border:1px solid #b2cdec;color:#144a91;font-weight:800;border-radius:8px;padding:10px 13px;cursor:pointer;font-size:16px}
.film-dialog .film-modal-actions .film-btn.primary{background:#1763d8;color:white}
.film-dialog .film-form-label{font-size:16px;color:#243f62;font-weight:800;display:grid;gap:7px;flex:1 1 100%}
.film-dialog .film-form-label select{border:1px solid #a9c0df;border-radius:8px;padding:11px;color:#0c305d;background:white;font-size:16px;min-height:44px}
.film-dialog .film-modal-note{background:#edf5ff;border:1px solid #d1e3f6;border-radius:7px;color:#000;font-size:16px;padding:10px;margin:15px 0 0}
@media(max-width:1100px){#records .demo-showcase .film-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#records .demo-showcase .film-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#records .demo-showcase .film-head h2{font-size:25px}.film-dialog .film-modal-fields{grid-template-columns:1fr}#records .demo-showcase .film-card{padding:13px}#records .demo-showcase .film-lane{flex-basis:210px}#records .demo-showcase .film-table th,#records .demo-showcase .film-table td{font-size:16px}}

/* RO_FILM_CONTRACTS_VENIT_20261026 */
#records .demo-showcase .film-kpis .film-kpi:nth-child(5){
 border-color:#afdac8;background:linear-gradient(130deg,#ffffff,#e9f9f1);
}
#records .demo-showcase .film-kpis .film-kpi:nth-child(5) strong{color:#08704b}
#records .demo-showcase .film-income-note{font-size:16px;color:#d4e7ff;font-weight:600;line-height:1.45;margin:-7px 0 19px}
#records .demo-showcase .film-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){#records .demo-showcase .film-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){#records .demo-showcase .film-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* SINGLE-ROW TOPBAR 2026-10-27: desktop font sizes unchanged.
   Keep selectors native so language, data mode, period and logout still work. */
.app .topbar{
  height:56px!important;min-height:56px!important;max-height:56px!important;
  padding:4px 13px!important;
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  justify-content:space-between!important;gap:8px!important;
  overflow:visible!important;position:relative!important;
}
.app .topbar-brand{
  display:flex;align-items:center;gap:7px;flex:0 0 auto;
  min-width:0;white-space:nowrap;letter-spacing:.075em;
}
.app .topbar-brand .planet{
  width:24px;height:24px;min-width:24px;
  margin-right:3px;line-height:1;
}
.app .topbar .global-search{
  flex:1 1 180px!important;
  min-width:110px!important;max-width:340px!important;
  height:37px!important;min-height:37px!important;
  padding:3px 8px!important;margin:0!important;
  display:flex;align-items:center;gap:3px;
}
.app .topbar .global-search input{
  min-width:0;width:100%;padding:3px 4px;
  height:30px;font-size:inherit;
  text-overflow:ellipsis;
}
.app .topbar .toolbar{
  flex:0 0 auto!important;display:flex!important;
  align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:7px!important;
  min-width:0!important;margin-left:0!important;
}
.app .topbar .toolbar>*{flex:0 0 auto;white-space:nowrap}
.app .topbar .language-picker{gap:4px}
.app .topbar .language-picker select{
  width:71px!important;min-width:71px!important;max-width:71px!important;
  height:37px!important;min-height:37px!important;padding:0 5px!important;
  line-height:1!important;
}
.app .topbar .mode-picker{gap:5px!important;white-space:nowrap}
.app .topbar .mode-picker select{
  height:37px!important;min-height:37px!important;
  min-width:92px!important;width:111px!important;max-width:111px!important;
  padding:0 7px!important;
}
.app .topbar #logout{
  flex:0 0 auto;
  margin:0!important;padding:5px 7px!important;
  height:37px!important;min-height:37px!important;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;color:#85bbff!important;
  text-decoration:none;font-weight:750!important;
  white-space:nowrap!important;
}
/* Custom date controls remain functional and open below the compact toolbar. */
.app .topbar .custom-period:not([hidden]){
  position:absolute!important;right:10px;top:calc(100% + 2px);
  background:#0a2d5e;z-index:1000;border:1px solid #000;
  box-shadow:0 6px 18px #0005;border-radius:8px;
  padding:9px;flex-wrap:nowrap;gap:8px;
}
.app .topbar .custom-period label{white-space:nowrap!important}
@media(max-width:1500px){
 .app .topbar .global-search{max-width:250px!important}
 .app .topbar .mode-picker select{width:100px!important;max-width:100px!important}
}
@media(max-width:1350px){
 /* The sidebar already contains the brand; hide its duplicate before allowing wrapping. */
 .app .topbar-brand{display:none!important}
 .app .topbar .global-search{max-width:none!important;flex:1 1 125px!important}
}
@media(max-width:980px){
 .app .topbar{padding:4px 7px!important;gap:5px!important}
 .app .topbar .toolbar{gap:4px!important}
 .app .topbar .mode-picker{gap:3px!important}
 .app .topbar .mode-picker select{width:94px!important;max-width:94px!important}
}
@media(max-width:720px){
 /* Maintain one line: narrow mobile can swipe its toolbar horizontally. */
 .app .topbar{width:100%;max-height:56px!important}
 .app .topbar .global-search{flex:1 1 0!important;min-width:95px!important;max-width:200px!important}
 .app .topbar .toolbar{flex:1 0 auto!important;overflow-x:auto!important;scrollbar-width:thin}
}


/* Compact topbar: +2px for labels and input text, no grey placeholders.
   The dark navy background keeps light text for contrast and branding. */
.app .topbar-brand{font-size:18px!important}
.app .topbar .global-search{background:#fff!important;color:#000!important}
.app .topbar .global-search input{
 font-size:18px!important;color:#000!important
}
.app .topbar .global-search input::placeholder{
 color:#000!important;opacity:1!important
}
.app .topbar .mode-picker{font-size:16.4px!important;color:#fff!important}
.app .topbar .mode-picker select{
 font-size:17.6px!important;color:#000!important
}
.app .topbar .language-picker select{font-size:21.2px!important;color:#000!important}
.app .topbar #logout{font-size:20px!important;color:#fff!important}
.app .topbar .custom-period label{font-size:16.4px!important;color:#fff!important}
.app .topbar .custom-period input{font-size:16.4px!important;color:#000!important}
.app .topbar .custom-period button{font-size:16.4px!important}


/* Compact, expandable manual B2B lead entry; topbar stays one row, no font shrink. */
#product-inquiries .product-inbox-card{padding:10px 13px!important}
#product-inquiries .product-inbox-card>.panel-heading{margin-bottom:5px!important}
#product-inquiries .product-inbox-tools-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:5px 0 8px}
#product-inquiries .product-inbox-tools-row #product-inquiries-stats{flex:1 1 auto;margin:0!important;min-width:230px;font-size:16px;color:#000!important}
#product-inquiries .product-inbox-tools-row button{min-height:35px;height:35px;padding:5px 11px!important;font-size:16px!important;color:#000!important;white-space:nowrap}
#product-inquiries #product-inquiry-create-toggle{background:#a9d7ff!important;border:1px solid #000!important}
#product-inquiries .product-manual-form{padding:8px 10px;margin:5px 0 9px;border:1px solid #000;border-radius:8px;background:#edf5ff}
#product-inquiries .product-manual-form[hidden]{display:none!important}
#product-inquiries .product-manual-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;align-items:end}
#product-inquiries .product-manual-grid label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:16px;font-weight:750;color:#000!important}
#product-inquiries .product-manual-grid input,#product-inquiries .product-manual-grid select{
 width:100%;max-width:100%;height:37px;min-height:37px;padding:5px 8px;
 border:1px solid #000!important;border-radius:5px;background:#fff;color:#000!important;font-size:16px!important}
#product-inquiries .product-manual-grid .product-manual-note{grid-column:span 2}
#product-inquiries .product-manual-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:7px}
#product-inquiries .product-manual-actions button{font-size:16px!important;min-height:35px;padding:5px 10px!important}
#product-inquiries .product-manual-consent{display:inline-flex;gap:7px;align-items:center;margin-right:auto;font-size:16px;font-weight:750;color:#000!important}
#product-inquiries .product-manual-consent input{width:18px;height:18px;accent-color:#216ad1}
#product-inquiries #product-manual-feedback{font-size:16px;font-weight:750;color:#000!important}
.app .topbar{
 display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
 height:56px!important;min-height:56px!important;max-height:56px!important;
 gap:7px!important;padding:4px 10px!important;overflow:visible!important
}
.app .topbar .global-search{flex:1 1 155px!important;min-width:95px!important;max-width:260px!important;margin:0!important}
.app .topbar .toolbar{
 display:flex!important;flex:0 0 auto!important;
 flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;
 white-space:nowrap!important;min-width:0!important;margin:0!important
}
.app .topbar .toolbar :is(label,select,button){white-space:nowrap!important}
.app .topbar .mode-picker select{width:108px!important;max-width:108px!important}
.app .topbar .topbar-brand{flex:0 0 auto!important;white-space:nowrap!important}
@media(max-width:1650px){
 .app .topbar .topbar-brand{display:none!important}
 .app .topbar .global-search{max-width:none!important}
}
@media(max-width:980px){
 .app .topbar .global-search{max-width:140px!important}
 .app .topbar .toolbar{overflow-x:auto!important;scrollbar-width:thin}
}
@media(max-width:1250px){
 #product-inquiries .product-manual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 #product-inquiries .product-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #product-inquiries .product-manual-grid .product-manual-note{grid-column:span 2}
 #product-inquiries .product-inbox-tools-row button{height:auto!important}
}


/* Channel acquisition overview: one compact horizontal row with numbers below.
   Period calendar and actions live immediately underneath; never shrink fonts. */
#product-inquiries .product-channel-stats{
 display:grid!important;grid-template-columns:repeat(13,minmax(0,1fr))!important;
 align-items:stretch;gap:5px;margin:6px 0!important;padding:0!important;
 width:100%;overflow-x:auto
}
#product-inquiries .product-source-card{
 border:1px solid #000!important;border-radius:6px!important;
 padding:5px 6px;min-height:56px;background:#eaf3ff;
 display:flex!important;flex-direction:column!important;align-items:center;
 justify-content:space-between;text-align:center;gap:2px;
 color:#000!important
}
#product-inquiries .product-source-card:first-child{background:#cde5ff}
#product-inquiries .product-source-label{font-size:16px!important;color:#000!important;font-weight:750;white-space:nowrap}
#product-inquiries .product-source-count{font-size:21px!important;color:#000!important;line-height:1.08;font-weight:900}
#product-inquiries .product-inbox-tools-row{
 display:flex!important;flex-wrap:nowrap!important;gap:7px!important;
 align-items:center!important;justify-content:flex-end!important;margin:5px 0 8px!important
}
#product-inquiries .product-channel-period{
 display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0
}
#product-inquiries .product-channel-period label{
 display:flex;align-items:center;gap:5px;min-width:0;white-space:nowrap;
 color:#000!important;font-size:16px!important;font-weight:750
}
#product-inquiries .product-channel-period input{
 width:153px!important;min-width:128px;max-width:153px;
 height:36px;min-height:36px;padding:4px 7px;border:1px solid #000!important;
 background:#fff;color:#000!important;font-size:16px!important;border-radius:5px
}
#product-inquiries .product-channel-period button{
 height:36px!important;min-height:36px!important;font-size:16px!important
}
#product-inquiries .product-inbox-tools-row>button{flex:0 0 auto}
@media(max-width:1170px){
 #product-inquiries .product-channel-stats{min-width:1160px}
 #product-inquiries .product-inbox-tools-row{flex-wrap:wrap!important}
 #product-inquiries .product-channel-period{flex-wrap:wrap}
}

#product-inquiries .product-channel-stats{max-width:100%!important}

/* TOURISM_TRAVEL_LEADS_CHANNELS_2026-10-27
   Same horizontal compact channel cards and 21px counters as B2B inquiries. */
#records.tourism-view .records-card{padding:10px 12px!important}
#records.tourism-view .records-card>.panel-heading{margin-bottom:5px!important}
#records .tourism-source-stats{
 display:grid!important;grid-template-columns:repeat(13,minmax(88px,1fr))!important;
 gap:5px!important;width:100%!important;max-width:100%!important;
 overflow-x:auto!important;overscroll-behavior:contain;
 margin:4px 0 6px!important;padding:0 0 3px!important;
 scrollbar-width:thin;
}
#records .tourism-source-stats .product-source-card{
 display:flex!important;flex-direction:column!important;align-items:center;justify-content:space-between;
 min-width:88px!important;min-height:59px!important;
 padding:6px 4px!important;gap:3px!important;text-align:center;
 border:1px solid #000!important;border-radius:6px!important;background:#eaf3ff!important;
 color:#000!important
}
#records .tourism-source-stats .product-source-card:first-child{background:#cde5ff!important}
#records .tourism-source-stats .product-source-label{font-size:16px!important;font-weight:800!important;white-space:nowrap;color:#000!important}
#records .tourism-source-stats .product-source-count{font-size:21px!important;font-weight:900!important;line-height:1.08!important;color:#000!important}
#records .tourism-inbox-toolbar{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;
 margin:5px 0!important;padding:0!important;
}
#records .tourism-period{display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0;flex-wrap:wrap}
#records .tourism-period label{display:flex;align-items:center;gap:5px;color:#000!important;font-size:16px!important;font-weight:750;white-space:nowrap}
#records .tourism-period input{
 width:152px!important;max-width:152px;height:36px!important;min-height:36px!important;
 padding:4px 7px!important;border:1px solid #000!important;border-radius:5px;
 background:#fff!important;color:#000!important;font-size:16px!important;
}
#records .tourism-inbox-toolbar button{font-size:16px!important;white-space:nowrap!important;padding:6px 11px!important;min-height:36px!important;height:36px!important}
#records .tourism-inbox-toolbar button.primary-button{background:#afd9ff!important;color:#000!important;border:1px solid #000!important}
#records .tourism-inbox-toolbar .tourism-create{background:#afd9ff!important;color:#000!important}
#records .tourism-filter-row{margin:3px 0 6px!important;justify-content:flex-start!important;gap:8px!important;font-size:16px!important}
#records .tourism-filter-row label{font-size:16px!important;color:#000!important}
#records .tourism-filter-row select{font-size:16px!important;color:#000!important;min-height:34px!important}
#records .tourism-filter-row span{color:#000!important;font-size:16px!important}
#records .tourism-manual-form{border:1px solid #000;background:#edf5ff;padding:8px 10px;margin:6px 0;border-radius:7px}
#records .tourism-manual-form[hidden]{display:none!important}
#records .tourism-manual-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
#records .tourism-manual-fields label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:16px!important;font-weight:750;color:#000!important}
#records .tourism-manual-fields .tourism-manual-note{grid-column:span 2}
#records .tourism-manual-fields input,#records .tourism-manual-fields select{
 width:100%!important;max-width:100%;height:37px!important;min-height:37px!important;
 padding:5px 7px!important;font-size:16px!important;color:#000!important;
 background:#fff!important;border:1px solid #000!important;border-radius:5px
}
#records .tourism-manual-bottom{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap}
#records .tourism-manual-bottom button{font-size:16px!important;padding:6px 10px!important;min-height:35px!important;color:#000!important}
#records .tourism-manual-bottom .primary-button{background:#a9d7ff!important;border:1px solid #000!important}
#records .tourism-manual-consent{display:inline-flex;gap:7px;align-items:center;margin-right:auto;font-size:16px!important;font-weight:750;color:#000!important}
#records .tourism-manual-consent input{width:18px;height:18px;accent-color:#2468c7}
#records #tourism-manual-feedback{font-size:16px!important;color:#000!important;font-weight:750}
@media(max-width:1250px){
 #records .tourism-manual-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 #records .tourism-manual-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #records .tourism-manual-fields .tourism-manual-note{grid-column:span 2}
 #records .tourism-source-stats{grid-template-columns:repeat(13,minmax(90px,1fr))!important}
 #records .tourism-period{min-width:0!important}
}


/* APPROVED DESIGN #2 / 28.10.2026
   Light source tiles with distinctive colored vector pictograms, compact controls.
   Same unified UI for product-CRM and tourist inquiries.  No change in type sizes. */
#product-inquiries .product-channel-stats,
#records .tourism-source-stats {
 display:grid!important;
 grid-template-columns:repeat(13,minmax(108px,1fr))!important;
 gap:6px!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 padding:1px 1px 7px!important;
 margin:5px 0 5px!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 scrollbar-width:thin;
 scrollbar-color:#91a8c4 #eaf1fb;
}
#product-inquiries .product-channel-stats .product-source-card,
#records .tourism-source-stats .product-source-card {
 min-width:0!important;
 min-height:76px!important;
 height:76px!important;
 background:#fff!important;
 border:1px solid #b2c1d4!important;
 border-radius:9px!important;
 box-shadow:0 1px 3px rgba(13,40,80,.07)!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 justify-content:space-between!important;
 padding:8px 6px 6px!important;
 color:#000!important;
 gap:2px!important;
 transition:border-color .14s,box-shadow .14s;
}
#product-inquiries .product-channel-stats .product-source-card:hover,
#records .tourism-source-stats .product-source-card:hover{
 border-color:#287ae7!important;
 box-shadow:0 2px 7px rgba(33,103,211,.16)!important;
}
#product-inquiries .product-channel-stats .product-source-card:first-child,
#records .tourism-source-stats .product-source-card:first-child{
 background:#e2f0ff!important;
 border-color:#2983ee!important;
}
#product-inquiries .source-heading,
#records .source-heading {
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:5px!important;
 min-width:0!important;
 max-width:100%!important;
 height:29px!important;
}
#product-inquiries .source-icon,
#records .tourism-source-stats .source-icon{
 width:27px!important;
 min-width:27px!important;
 height:27px!important;
 flex:0 0 27px!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 border-radius:50%!important;
 background:#2679de!important;
 color:#fff!important;
 line-height:1!important;
}
#product-inquiries .source-icon svg,
#records .tourism-source-stats .source-icon svg{
 width:19px!important;height:19px!important;
 display:block!important;
}
#product-inquiries .source-heading .product-source-label,
#records .source-heading .product-source-label {
 display:block!important;
 min-width:0!important;
 max-width:100%!important;
 font-size:16px!important;
 line-height:1.12!important;
 font-weight:800!important;
 letter-spacing:-.1px;
 color:#000!important;
 overflow:hidden!important;
 white-space:nowrap!important;
 text-overflow:ellipsis!important;
 text-align:left!important;
}
#product-inquiries .product-channel-stats .product-source-count,
#records .tourism-source-stats .product-source-count {
 font-size:21px!important;
 font-weight:900!important;
 color:#000!important;
 line-height:1.1!important;
 width:100%!important;
 text-align:center!important;
}
#product-inquiries .source-icon-facebook,
#records .tourism-source-stats .source-icon-facebook{background:#1767d7!important}
#product-inquiries .source-icon-instagram,
#records .tourism-source-stats .source-icon-instagram{background:linear-gradient(135deg,#ffbd35,#fd3d61,#a531d6)!important}
#product-inquiries .source-icon-messenger,
#records .tourism-source-stats .source-icon-messenger{background:linear-gradient(145deg,#8c3dff,#3279fd)!important}
#product-inquiries .source-icon-whatsapp,
#records .tourism-source-stats .source-icon-whatsapp{background:#21ac55!important}
#product-inquiries .source-icon-telegram,
#records .tourism-source-stats .source-icon-telegram{background:#14a5d6!important}
#product-inquiries .source-icon-viber,
#records .tourism-source-stats .source-icon-viber{background:#7945cf!important}
#product-inquiries .source-icon-tiktok,
#records .tourism-source-stats .source-icon-tiktok{background:#0d1d35!important}
#product-inquiries .source-icon-phone,
#records .tourism-source-stats .source-icon-phone{background:#35ad49!important}
#product-inquiries .source-icon-office,
#records .tourism-source-stats .source-icon-office{background:#f27931!important}
#product-inquiries .source-icon-email,
#records .tourism-source-stats .source-icon-email{background:#f04467!important}
#product-inquiries .source-icon-other,
#records .tourism-source-stats .source-icon-other{background:#7f90a3!important}
#product-inquiries .source-icon-site,
#records .tourism-source-stats .source-icon-site{background:#178bc7!important}
#product-inquiries .source-icon-all,
#records .tourism-source-stats .source-icon-all{background:#277af0!important}

/* Input fields 36/37px -> 28px (about 23–24% less) without smaller text. */
#product-inquiries .product-channel-period input,
#records .tourism-period input,
#product-inquiries .product-manual-grid input,
#product-inquiries .product-manual-grid select,
#records .tourism-manual-fields input,
#records .tourism-manual-fields select {
 height:28px!important;
 min-height:28px!important;
 max-height:28px!important;
 padding:2px 7px!important;
 line-height:23px!important;
 border:1px solid #000!important;
 border-radius:5px!important;
 font-size:16px!important;
 color:#000!important;
 background:#fff!important;
 box-sizing:border-box!important;
}
#product-inquiries .product-channel-period,
#records .tourism-period{gap:6px!important}
#product-inquiries .product-inbox-tools-row,
#records .tourism-inbox-toolbar{gap:7px!important;margin-top:6px!important}
#product-inquiries .product-channel-period button,
#product-inquiries .product-inbox-tools-row>button,
#records .tourism-inbox-toolbar button {
 min-height:33px!important;
 height:33px!important;
 padding:4px 10px!important;
 border-radius:6px!important;
 font-size:16px!important;
 line-height:1.15!important;
}
#product-inquiries .product-channel-period button.primary-button,
#records .tourism-period button.primary-button{
 background:#1265d8!important;color:#fff!important;
 border:1px solid #0851a8!important;
}
#product-inquiries #product-inquiry-create-toggle,
#records .tourism-inbox-toolbar button.tourism-create{
 background:#aedafd!important;color:#000!important;
 border:1px solid #417fc6!important;
}
#product-inquiries #product-period-reset,
#records .tourism-period button.tourism-action{
 background:#fff!important;color:#000!important;
 border:1px solid #8ca3bc!important;
}
#product-inquiries .product-inbox-card,
#records .tourism-inbox{color:#000!important}
@media(max-width:700px){
 #product-inquiries .product-channel-stats,
 #records .tourism-source-stats{
  grid-template-columns:repeat(13,minmax(108px,1fr))!important;
 }
 #product-inquiries .product-inbox-tools-row,
 #records .tourism-inbox-toolbar {flex-wrap:wrap!important}
}

/* Approved product inquiry table refinement 28.10.2026:
   brand burgundy header, readable single-line date/phone, 20% less row padding.
   Keep native horizontal scrollbar for wide columns and sticky headings.
   Scope strictly to the existing product-inquiries table; other CRM UI untouched. */
#product-inquiries .product-inbox-scroll{
  max-height: min(65vh, 720px);
  max-width: 100%;
  position: relative;
  overflow-x: scroll;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: auto;
  scrollbar-color: #91a2b7 #edf1f6;
}
#product-inquiries .product-inbox-scroll::-webkit-scrollbar{height:12px;width:10px}
#product-inquiries .product-inbox-scroll::-webkit-scrollbar-track{background:#edf1f6}
#product-inquiries .product-inbox-scroll::-webkit-scrollbar-thumb{
  background:#91a2b7;border-radius:6px;border:2px solid #edf1f6;
}
#product-inquiries .product-inbox-table{
  width:max(100%, 2080px) !important;
  min-width:2080px !important;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  text-align:left;
}
#product-inquiries .product-inbox-table tr > :nth-child(1){width:58px}
#product-inquiries .product-inbox-table tr > :nth-child(2){width:184px}
#product-inquiries .product-inbox-table tr > :nth-child(3){width:224px}
#product-inquiries .product-inbox-table tr > :nth-child(4){width:215px}
#product-inquiries .product-inbox-table tr > :nth-child(5){width:268px}
#product-inquiries .product-inbox-table tr > :nth-child(6){width:195px}
#product-inquiries .product-inbox-table tr > :nth-child(7){width:192px}
#product-inquiries .product-inbox-table tr > :nth-child(8){width:165px}
#product-inquiries .product-inbox-table tr > :nth-child(9){width:579px}
#product-inquiries .product-inbox-table thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#6D071A !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  vertical-align:middle;
  padding:10px 11px !important;
  border-bottom:1px solid #510412;
  box-shadow:0 1px 0 #510412;
}
#product-inquiries .product-inbox-table tbody td{
  font-size:16px !important;
  line-height:1.25 !important;
  padding:8px 11px !important;
  vertical-align:middle !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
#product-inquiries .product-inbox-table tbody td:nth-child(2),
#product-inquiries .product-inbox-table tbody td:nth-child(6){
  white-space:nowrap !important;
  overflow-wrap:normal !important;
  word-break:keep-all !important;
  font-variant-numeric:tabular-nums;
}
#product-inquiries .product-inbox-table tbody td:nth-child(5){
  white-space:nowrap !important;
  overflow:hidden;
  text-overflow:ellipsis;
}
#product-inquiries .product-inbox-table tbody tr:nth-child(even){background:#f4f8fd}
#product-inquiries .product-inbox-table tbody tr:hover{background:#eaf2fc}
#product-inquiries .product-inbox-table .product-row-actions{
  display:flex;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:6px !important;
}
#product-inquiries .product-inbox-table .product-row-actions .prod-btn{
  font-size:16px !important;
  line-height:1.15 !important;
  padding:7px 9px !important;
  min-height:32px !important;
  border-radius:6px;
  white-space:nowrap !important;
}
#product-inquiries .product-inbox-table .product-assign-wrap{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  flex-wrap:nowrap !important;
  gap:3px !important;
}
#product-inquiries .product-inbox-table .product-assignee-caption{
  font-size:16px !important;
  line-height:1.1;
  white-space:nowrap !important;
}

/* 28.10.2026 — approved visual parity with the Travel Office request table.
   ONLY the tourist "Заявки и воронка" view (#records.tourism-view).
   No changes to application logic, data, forms, filters, or other CRM modules. */
#records.tourism-view .tourism-inbox .tourism-scroll{
  max-width:100%;
  max-height:min(65vh,720px);
  position:relative;
  overflow-x:scroll!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:auto;
  scrollbar-color:#91a2b7 #edf1f6;
}
#records.tourism-view .tourism-inbox .tourism-scroll::-webkit-scrollbar{
  height:12px;width:10px;
}
#records.tourism-view .tourism-inbox .tourism-scroll::-webkit-scrollbar-track{
  background:#edf1f6;
}
#records.tourism-view .tourism-inbox .tourism-scroll::-webkit-scrollbar-thumb{
  background:#91a2b7;border-radius:6px;border:2px solid #edf1f6;
}
#records.tourism-view .tourism-inbox .tourism-table{
  width:max(100%,2080px)!important;
  min-width:2080px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  text-align:left;
}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(1){width:65px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(2){width:215px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(3){width:245px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(4){width:165px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(5){width:280px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(6){width:195px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(7){width:195px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(8){width:720px!important}
#records.tourism-view .tourism-inbox .tourism-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:6;
  background:#6D071A!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:800!important;
  vertical-align:middle!important;
  text-align:left!important;
  padding:10px 11px!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:2px solid #510412!important;
  box-shadow:0 1px 2px #00000018;
}
#records.tourism-view .tourism-inbox .tourism-table tbody td{
  background:#fff!important;
  color:#000!important;
  font-size:16px!important;
  line-height:1.25!important;
  padding:8px 11px!important;
  vertical-align:middle!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid #222a36!important;
}
#records.tourism-view .tourism-inbox .tourism-table tbody tr:nth-child(even)>td{
  background:#f2f6fb!important;
}
#records.tourism-view .tourism-inbox .tourism-table tbody tr[data-tour-open]:hover>td{
  background:#e7f1fc!important;
}
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(2),
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(6){
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  font-variant-numeric:tabular-nums;
}
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(5){
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-actions{
  display:flex;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-action{
  padding:7px 9px!important;
  min-height:32px!important;
  font-size:16px!important;
  line-height:1.15!important;
  border-radius:6px!important;
  white-space:nowrap!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-assignment{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  flex-wrap:nowrap!important;
  gap:3px!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-assigned{
  font-size:16px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-status{
  font-size:16px!important;
  line-height:1.15!important;
  padding:6px 10px!important;
  white-space:nowrap!important;
}
#records.tourism-view .tourism-inbox .tourism-board-column>header{
  background:#6D071A!important;
  color:#fff!important;
  font-weight:800!important;
  border-bottom:2px solid #510412!important;
}
#records.tourism-view .tourism-inbox .tourism-board-column{
  background:#fff!important;
}
#records.tourism-view .tourism-inbox .tourism-board-lead:nth-of-type(even){
  background:#f2f6fb!important;
}

/* 28.10.2026: approved product-inquiry table alignment, refinement of v3.
   Preserve horizontal scrolling and brown/burgundy identity, avoid excessive blank widths. */
#product-inquiries .product-inbox-table{
  width:max(100%, 1760px)!important;
  min-width:1760px!important;
}
#product-inquiries .product-inbox-table tr > :nth-child(1){width:50px!important}
#product-inquiries .product-inbox-table tr > :nth-child(2){width:185px!important}
#product-inquiries .product-inbox-table tr > :nth-child(3){width:200px!important}
#product-inquiries .product-inbox-table tr > :nth-child(4){width:185px!important}
#product-inquiries .product-inbox-table tr > :nth-child(5){width:245px!important}
#product-inquiries .product-inbox-table tr > :nth-child(6){width:170px!important}
#product-inquiries .product-inbox-table tr > :nth-child(7){width:160px!important}
#product-inquiries .product-inbox-table tr > :nth-child(8){width:105px!important}
#product-inquiries .product-inbox-table tr > :nth-child(9){width:460px!important}
#product-inquiries .product-inbox-table thead th{
  padding:9px 10px!important;
  font-size:16px!important;
  line-height:1.22!important;
}
#product-inquiries .product-inbox-table tbody td{
  padding:7px 10px!important;
  line-height:1.23!important;
}
#product-inquiries .product-inbox-table .product-row-actions .prod-btn{
  padding:6px 8px!important;
  min-height:30px!important;
}
#product-inquiries .product-inbox-table tbody td:nth-child(5){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
/* Topbar global search results - one dropdown, attached to existing search field. */
.app .topbar{position:relative;z-index:150}
.app .topbar .global-search{position:relative!important;overflow:visible!important}
.app .topbar .global-search .crm-global-search-results{
  position:absolute!important;
  top:calc(100% + 9px);
  left:0;
  width:min(560px,calc(100vw - 24px));
  max-height:min(65vh,440px);
  overflow-y:auto;
  padding:5px;
  display:block;
  background:#fff!important;
  color:#000!important;
  border:1px solid #bac9d9!important;
  border-radius:10px!important;
  box-shadow:0 16px 40px #0b1e3752;
  z-index:12000!important;
}
.app .topbar .global-search .crm-global-search-results[hidden]{display:none!important}
.app .topbar .global-search .crm-global-search-item{
  width:100%;
  padding:9px 12px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #e9eef4!important;
  border-radius:6px;
  background:#fff!important;
  color:#000!important;
  display:flex;
  flex-direction:column;
  gap:2px;
  text-align:left;
  font-size:16px!important;
  line-height:1.3;
}
.app .topbar .global-search .crm-global-search-item:last-of-type{border-bottom:0!important}
.app .topbar .global-search .crm-global-search-item:hover,
.app .topbar .global-search .crm-global-search-item.selected{
  background:#edf4fc!important;
}
.app .topbar .global-search .crm-global-search-label{
  color:#000!important;
  font-weight:750;
  font-size:16px!important;
}
.app .topbar .global-search .crm-global-search-item strong{
  font-size:16px!important;
  font-weight:800;
  color:#21384f!important;
}
.app .topbar .global-search .crm-global-search-item small{
  font-size:16px!important;
  color:#000!important;
}
.app .topbar .global-search .crm-global-result-note{
  padding:12px!important;
  color:#000!important;
  font-size:16px!important;
  background:#fff!important;
}

/* LANGUAGE_BLUE_REFERENCE_20261028 RGB(23,100,216) */
/* Consistent language-selector button on all Travel Office CRM tabs and login page.
   Do not change font sizes, heights, labels, or language-change behavior. */
.app .topbar .language-picker select,
.login-card .lang select {
  background-color:#1764D8!important;
  border-color:#000!important;
  color:#000!important;
}
.app .topbar .language-picker select:hover,
.login-card .lang select:hover {
  background-color:#1764D8!important;
}
.app .topbar .language-picker select:focus-visible,
.login-card .lang select:focus-visible {
  outline:2px solid #fff!important;
  outline-offset:2px!important;
}


/* SIDEBAR_BUTTONS_75PCT_LOGO_LEFT_20261028
   Only Travel Office CRM desktop sidebar. Preserve type sizes, icons,
   colors, menu order and interaction behavior. Original 49px one-line
   buttons become 37px; two-line buttons become approximately 52px. */
@media (min-width:721px) {
  .app > .sidebar .nav-item {
    min-height:37px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    line-height:1.13!important;
  }
  /* The title gets the full width ABOVE the airplane, instead of
     beginning to its right and being clipped by the sidebar edge. */
  .app > .sidebar .logo {
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:4px 11px;
  }
  .app > .sidebar .logo > div:last-child {display:contents}
  .app > .sidebar .logo strong {
    grid-column:1/-1;
    grid-row:1;
    justify-self:start;
    max-width:100%;
  }
  .app > .sidebar .logo .logo-icon {
    grid-column:1;
    grid-row:2;
    justify-self:center;
  }
  .app > .sidebar .logo span {
    grid-column:2;
    grid-row:2;
    align-self:center;
    min-width:0;
  }
}


/* COMPACT_TOURISM_INBOX_TABLE_20261028
   Tourism leads only. Preserve 8 existing columns, order, font sizes,
   sticky burgundy header, statuses and click actions. ~27% narrower. */
#records.tourism-view .tourism-inbox .tourism-table {
  width:1513px!important;
  min-width:1513px!important;
  max-width:none!important;
  table-layout:fixed!important;
}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(1){width:48px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(2){width:175px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(3){width:180px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(4){width:115px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(5){width:215px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(6){width:165px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(7){width:145px!important}
#records.tourism-view .tourism-inbox .tourism-table tr > :nth-child(8){width:470px!important}
#records.tourism-view .tourism-inbox .tourism-table thead th{
  padding:8px 8px!important;
}
#records.tourism-view .tourism-inbox .tourism-table tbody td{
  padding:7px 8px!important;
  color:#000!important;
}
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(3),
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(4){
  overflow-wrap:anywhere!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-actions{
  flex-wrap:wrap!important;
  gap:5px!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-action{
  padding:6px 8px!important;
  min-height:30px!important;
}

/* 28.10.2026 — tourist lead toolbar parity with product inquiries.
   One compact horizontally scrollable row, filters retained and functional.
   Scope ONLY to #records.tourism-view; do not affect product inquiries or other modules. */
#records.tourism-view .tourism-inbox .tourism-inbox-toolbar{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%;
  max-width:100%;
  gap:7px!important;
  padding:0 0 5px!important;
  margin:5px 0 6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#98adc6 #edf2f8;
  overscroll-behavior-x:contain;
}
#records.tourism-view .tourism-inbox .tourism-period{
  display:inline-flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  width:max-content!important;
  min-width:max-content!important;
}
#records.tourism-view .tourism-inbox .tourism-period label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  white-space:nowrap!important;
}
#records.tourism-view .tourism-inbox .tourism-period input[type="date"]{
  flex:0 0 152px!important;
  width:152px!important;
  max-width:152px!important;
}
#records.tourism-view .tourism-inbox .tourism-inbox-toolbar button{
  flex:0 0 auto!important;
  height:33px!important;
  min-height:33px!important;
  padding:4px 10px!important;
  white-space:nowrap!important;
  font-size:16px!important;
}
#records.tourism-view .tourism-inbox .tourism-inbox-toolbar>[data-tour-action="toggleboard"]{
  background:#fff!important;
  color:#000!important;
  border:1px solid #000!important;
  border-radius:6px!important;
}
#records.tourism-view .tourism-inbox .tourism-filter-row{
  display:inline-flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
  min-height:33px!important;
  white-space:nowrap!important;
}
#records.tourism-view .tourism-inbox .tourism-filter-row label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  margin:0!important;
}
#records.tourism-view .tourism-inbox .tourism-filter-row select{
  height:33px!important;
  min-height:33px!important;
  max-height:33px!important;
  width:148px!important;
  padding:4px 8px!important;
  font-size:16px!important;
}
#records.tourism-view .tourism-inbox .tourism-filter-row #tourism-period-feedback:empty{
  display:none!important;
}

/* PRODUCT_LEAD_EDIT_AND_FULL_HISTORY_20261028 - product sales inquiries only */
html body #product-lead-overlay .product-lead-edit-toolbar{
 display:flex!important;flex:0 0 auto!important;align-items:center;gap:10px;
 padding:0 0 7px!important;
}
html body #product-lead-overlay .product-lead-edit-toolbar button{
 height:32px!important;min-height:32px!important;padding:4px 12px!important;
 font-size:16px!important;border-radius:6px!important;
}
html body #product-lead-overlay #product-lead-edit-feedback{
 color:#000!important;font-size:16px!important;font-weight:750;
}
html body #product-lead-overlay .product-lead-edit-form{
 flex:0 0 auto!important;border:1px solid #000!important;border-radius:7px;
 background:#deedff!important;padding:9px!important;margin:0 0 8px!important;
}
html body #product-lead-overlay .product-lead-edit-form[hidden]{display:none!important}
html body #product-lead-overlay .product-lead-edit-grid{
 display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important
}
html body #product-lead-overlay .product-lead-edit-grid label{
 display:flex!important;flex-direction:column!important;gap:3px!important;
 font-size:16px!important;color:#000!important;font-weight:750;min-width:0!important
}
html body #product-lead-overlay .product-lead-edit-grid input,
html body #product-lead-overlay .product-lead-edit-grid select{
 width:100%!important;min-width:0!important;height:34px!important;
 min-height:34px!important;padding:5px 8px!important;border:1px solid #000!important;
 font-size:16px!important;color:#000!important;background:#fff!important;border-radius:5px!important
}
html body #product-lead-overlay .product-lead-edit-buttons{
 display:flex!important;gap:8px!important;margin-top:8px!important
}
html body #product-lead-overlay .product-lead-edit-buttons button{
 min-height:32px!important;padding:5px 12px!important;font-size:16px!important
}
/* Both columns fill the available viewport. History itself scrolls.
   The composer no longer forces the layout to 1100+px tall. */
html body #product-lead-overlay .product-lead-workspace{
 flex:1 1 auto!important;
 min-height:420px!important;
 height:auto!important;
 align-items:stretch!important;
 grid-template-columns:minmax(0,0.9fr) minmax(0,1.25fr)!important;
}
html body #product-lead-overlay .product-lead-history-pane,
html body #product-lead-overlay .product-lead-editor-pane{
 height:100%!important;
 min-height:0!important;
 display:flex!important;
 flex-direction:column!important;
 overflow:hidden!important;
}
html body #product-lead-overlay #product-lead-chat{
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 0%!important;
 height:auto!important;
 min-height:350px!important;
 max-height:none!important;
 overflow-y:auto!important;
 overflow-x:hidden!important;
 padding:8px!important;
 gap:5px!important;
 align-items:stretch!important;
}
html body #product-lead-overlay .product-chat-line{
 display:flex!important;
 width:100%!important;
 max-width:100%!important;
 min-height:0!important;
 flex:0 0 auto!important;
}
html body #product-lead-overlay .product-chat-bubble{
 display:block!important;
 width:fit-content!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:7px 10px!important;
 border-radius:8px!important;
 overflow-wrap:anywhere!important;
 word-break:normal!important;
 box-sizing:border-box!important;
}
html body #product-lead-overlay .product-chat-bubble p{
 font-size:16px!important;
 line-height:1.36!important;
 margin:4px 0!important;
 color:#000!important;
 white-space:pre-wrap!important;
 overflow-wrap:anywhere!important;
}
html body #product-lead-overlay .product-chat-message-head{
 font-size:16px!important;
 line-height:1.22!important;
 margin-bottom:3px!important;
 color:#000!important
}
html body #product-lead-overlay .product-chat-bubble time{
 font-size:16px!important;
 line-height:1.15!important;
 display:block!important;
 color:#000!important;
}
html body #product-lead-overlay .product-chat-event{
 flex:0 0 auto!important;
 width:fit-content!important;
 max-width:100%!important;
 align-self:center!important;
 padding:3px 9px!important;
 font-size:16px!important;
 line-height:1.25!important;
 overflow-wrap:anywhere!important;
 margin:1px 0!important;
}
html body #product-lead-overlay #product-lead-message{
 flex:1 1 0%!important;
 height:auto!important;
 min-height:180px!important;
 max-height:none!important;
 resize:vertical!important;
}
html body #product-lead-overlay #product-lead-message-form{
 min-height:0!important;
 flex:1 1 0%!important;
}
@media(max-width:1000px){
 html body #product-lead-overlay .product-lead-workspace{
  grid-template-columns:1fr!important;height:auto!important;min-height:0!important
 }
 html body #product-lead-overlay .product-lead-history-pane{height:auto!important}
 html body #product-lead-overlay #product-lead-chat{
  height:clamp(260px,48vh,520px)!important;min-height:260px!important;
  max-height:none!important;flex:0 0 auto!important
 }
 html body #product-lead-overlay #product-lead-message{height:260px!important;min-height:190px!important;flex:0 0 auto!important}
}
@media(max-width:700px){
 html body #product-lead-overlay .product-lead-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #product-lead-overlay .product-lead-edit-grid label:last-child{grid-column:1/-1}
}

/* CLIENT_CARD_EDIT_V1_20261028 — editable customer information.
   Existing font sizes, the burgundy section headers and existing button
   colors are deliberately inherited/unchanged. */
#records #client-profile .client-extra-card{
  border:1px solid #000; background:#fff; margin:12px 0 15px; padding:0 0 12px;
}
#records #client-profile .client-extra-head{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;border-bottom:1px solid #000;
}
#records #client-profile .client-extra-head h3{
  padding:9px 13px;margin:0;color:#fff;background:#710d20;
  font-size:16px;font-weight:850;
}
#records #client-profile .client-extra-head button,
#records #client-profile .client-edit-actions button{
  padding:7px 11px;margin:7px 10px;
  border:1px solid #000;background:#fff;color:#000;
  font:inherit;font-weight:800;cursor:pointer;border-radius:0;
}
#records #client-profile .client-edit-actions button:disabled{opacity:.6;cursor:wait}
#records #client-profile .client-extra-facts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;
  padding:10px 14px 0;
}
#records #client-profile .client-extra-facts>div{min-width:0;overflow-wrap:anywhere}
#records #client-profile .client-extra-facts span{
  display:block;font-weight:700;color:#000;margin-bottom:4px;
}
#records #client-profile .client-extra-facts strong{display:block;font-weight:750;white-space:pre-wrap}
#records #client-profile .client-edit-empty{margin:0;color:#000}
#records #client-profile .client-edit-form{
  padding:13px 14px 4px;border-top:1px solid #bbb;margin-top:12px;
}
#records #client-profile .client-edit-form[hidden]{display:none!important}
#records #client-profile .client-edit-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
#records #client-profile .client-edit-grid label{
  display:flex;flex-direction:column;gap:5px;min-width:0;
  color:#000;font-weight:750;
}
#records #client-profile .client-edit-grid input,
#records #client-profile .client-edit-grid textarea{
  width:100%;min-width:0;padding:9px 11px;
  border:1px solid #000;border-radius:0;background:#fff;color:#000;
  font:inherit;font-weight:500;
}
#records #client-profile .client-edit-wide{grid-column:1/-1}
#records #client-profile .client-edit-actions{display:flex;flex-wrap:wrap;margin:7px -10px}
#records #client-profile #client-edit-status{padding:0 14px;margin:4px 0;color:#000;font-weight:750}
#records #client-profile .client-edit-history{margin:9px 14px 0;border-top:1px solid #ddd;padding-top:8px}
#records #client-profile .client-edit-history summary{cursor:pointer;font-weight:800}
#records #client-profile .client-edit-history li{margin:6px 0;overflow-wrap:anywhere}
@media(max-width:920px){
 #records #client-profile .client-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #records #client-profile .client-edit-grid,
 #records #client-profile .client-extra-facts{grid-template-columns:1fr}
}

/* ADMIN_EMPLOYEE_CABINETS_COMPACT_20261028_V1
   Only Admin's staff listing. Keep all actions, access policy and login links.
   Wide screen: two neat horizontal cards; narrower screens: one card per row. */
body:has(#admin.active-tab) #page-title{
  padding-bottom:4px!important;
  margin-bottom:10px!important;
}
body:has(#admin.active-tab) #page-title h1{
  font-size:clamp(25px,2.3vw,32px)!important;
  line-height:1.12!important;
}
#admin .card{margin-bottom:11px!important}
#admin .director-admin-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:9px 18px!important;
  padding:13px 17px!important;
  min-height:0!important;
}
#admin .director-admin-header > div{min-width:0}
#admin .director-admin-header h2{
  margin:0 0 3px!important;
  font-size:21px!important;
  line-height:1.2!important;
  font-weight:850;
}
#admin .director-admin-header p{
  max-width:none!important;
  font-size:16px!important;
  line-height:1.3!important;
  margin:0!important;
}
#admin .director-admin-header #v1-admin-create-button{
  min-height:37px!important;
  height:auto!important;
  padding:8px 13px!important;
  font-size:16px!important;
  line-height:1.2!important;
  border-radius:7px!important;
  white-space:nowrap!important;
  justify-self:end;
}
#v1-admin-message:empty{
  display:none!important;
  margin:0!important;
  min-height:0!important;
}
#admin #v1-admin-cabinets-view > .card{
  padding:13px 16px 15px!important;
  min-width:0;
}
#admin .director-admin-section-head{
  margin:0 0 10px!important;
  gap:12px!important;
}
#admin .director-admin-section-head h3{
  font-size:20px!important;
  line-height:1.2!important;
}
#admin #v1-admin-refresh{
  padding:5px 8px!important;
  border:1px solid #c4d2e4!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#1c5fac!important;
  line-height:1.2!important;
  font-size:16px!important;
  white-space:nowrap!important;
}
#admin .director-admin-cards{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:0!important;
  margin:0!important;
}
#admin .director-admin-cards .director-cabinet-card{
  display:grid!important;
  grid-template-columns:45px minmax(0,1fr) minmax(250px,auto)!important;
  grid-template-rows:repeat(3,auto);
  gap:4px 11px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:12px!important;
  text-align:left!important;
  background:#f7faff!important;
  border:1px solid #b9cbe1!important;
  border-radius:10px!important;
  box-shadow:0 1px 5px #10294d0d!important;
  overflow:hidden;
}
#admin .director-admin-cards .director-cabinet-icon{
  grid-column:1;
  grid-row:1/span 3;
  align-self:center;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:11px!important;
  border:1px solid #b9cbe1!important;
  background:#e3efff!important;
  font-size:30px!important;
  line-height:1!important;
}
#admin .director-admin-cards .director-cabinet-card > strong{
  grid-column:2;grid-row:1;
  min-width:0;
  font-size:19px!important;
  line-height:1.15!important;
  color:#102f58!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#admin .director-admin-cards .director-cabinet-card > small:nth-of-type(1){
  grid-column:2;grid-row:2;
  min-width:0;
  font-size:16px!important;
  line-height:1.2!important;
  color:#000!important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#admin .director-admin-cards .director-cabinet-card > small:nth-of-type(2){
  grid-column:2;grid-row:3;
  display:block!important;
  min-width:0;
  max-width:100%;
  font-size:16px!important;
  line-height:1.25!important;
  color:#315478!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  text-overflow:ellipsis!important;
}
#admin .director-admin-cards .director-cabinet-state{
  grid-column:3;grid-row:1;
  justify-self:end;
  align-self:center;
  padding:4px 9px!important;
  margin:0!important;
  border-radius:6px!important;
  width:fit-content!important;
  max-width:100%;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap;
}
#admin .director-admin-cards .cabinet-entry-actions{
  grid-column:3;grid-row:2;
  display:flex!important;
  flex-direction:row!important;
  justify-self:end;
  align-items:center!important;
  width:100%!important;
  gap:5px!important;
  margin:0!important;
}
#admin .director-admin-cards .cabinet-entry-actions .cabinet-open-link,
#admin .director-admin-cards .cabinet-entry-actions .cabinet-copy-link{
  flex:1 1 0%;
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:6px 7px!important;
  border-radius:6px!important;
  font-size:16px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  font-weight:800!important;
}
#admin .director-admin-cards .cabinet-actions{
  grid-column:3;grid-row:3;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-self:end;
  width:100%!important;
  gap:5px!important;
  margin:0!important;
}
#admin .director-admin-cards .director-cabinet-card .primary-button,
#admin .director-admin-cards .director-cabinet-card .cabinet-disable,
#admin .director-admin-cards .director-cabinet-card .cabinet-restore{
  min-height:32px!important;
  height:auto!important;
  margin:0!important;
  padding:6px 8px!important;
  line-height:1.15!important;
  font-size:16px!important;
  white-space:normal!important;
  border-radius:6px!important;
}
#admin .director-admin-cards .cabinet-actions > button{flex:1 1 0%;min-width:0!important}
#admin .director-admin-cards .director-cabinet-card > .primary-button,
#admin .director-admin-cards .director-cabinet-card > .cabinet-restore{
  grid-column:3;grid-row:3;
  justify-self:stretch;
  width:100%!important;
}
@media(max-width:1350px){
  #admin .director-admin-cards{grid-template-columns:1fr!important}
  #admin .director-admin-cards .director-cabinet-card{
    grid-template-columns:45px minmax(0,1fr) minmax(250px,300px)!important;
  }
}
@media(max-width:800px){
  #admin .director-admin-header{
    grid-template-columns:1fr!important;
  }
  #admin .director-admin-header #v1-admin-create-button{justify-self:start}
  #admin .director-admin-cards .director-cabinet-card{
    grid-template-columns:40px minmax(0,1fr) minmax(175px,225px)!important;
    padding:10px!important;
    column-gap:8px!important;
  }
  #admin .director-admin-cards .cabinet-entry-actions{
    flex-wrap:wrap!important;
  }
  #admin .director-admin-cards .cabinet-entry-actions .cabinet-open-link,
  #admin .director-admin-cards .cabinet-entry-actions .cabinet-copy-link{
    flex-basis:100%!important;
  }
}
@media(max-width:560px){
  #admin #v1-admin-cabinets-view > .card{padding:10px!important}
  #admin .director-admin-cards .director-cabinet-card{
    grid-template-columns:39px minmax(0,1fr)!important;
    gap:5px 8px!important;
  }
  #admin .director-admin-cards .director-cabinet-icon{grid-row:1/span 3}
  #admin .director-admin-cards .director-cabinet-state{
    grid-column:2!important;grid-row:4!important;
    justify-self:start!important;
  }
  #admin .director-admin-cards .cabinet-entry-actions{
    grid-column:1/-1!important;
    grid-row:5!important;
    flex-direction:row!important;
  }
  #admin .director-admin-cards .cabinet-entry-actions .cabinet-open-link,
  #admin .director-admin-cards .cabinet-entry-actions .cabinet-copy-link{flex-basis:0!important}
  #admin .director-admin-cards .cabinet-actions,
  #admin .director-admin-cards .director-cabinet-card > .primary-button,
  #admin .director-admin-cards .director-cabinet-card > .cabinet-restore{
    grid-column:1/-1!important;
    grid-row:6!important;
  }
  #admin .director-admin-header p{font-size:16px!important}
}

/* ADMIN_ACCESS_EDITOR_COMPACT_20261028_V1
   Only the employee Rights Editor (#v1-admin-rights-view).
   Preserves all existing controls, permissions, submit handlers and statuses. */
#admin #v1-admin-rights-view{
  padding:15px 17px 18px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
}
#admin #v1-admin-rights-view > #v1-admin-back{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-height:31px!important;
  padding:5px 11px!important;
  margin:0 0 8px!important;
  border:1px solid #c1d0e2!important;
  border-radius:7px!important;
  color:#1658a6!important;
  background:#f4f8ff!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
#admin #v1-admin-rights-view .director-admin-editor-title{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:5px 13px!important;
  margin:0 0 11px!important;
}
#admin #v1-admin-rights-view .director-admin-editor-title h3{
  font-size:22px!important;
  line-height:1.2!important;
  margin:0!important;
  color:#102d52!important;
}
#admin #v1-admin-rights-view .director-admin-editor-title p{
  font-size:16px!important;
  line-height:1.2!important;
  margin:0!important;
  color:#000!important;
  overflow-wrap:anywhere;
}
#admin #v1-admin-rights-view .director-cabinet-entry-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  padding:10px 13px!important;
  margin:0 0 10px!important;
  border:1px solid #c5d7ee!important;
  border-radius:9px!important;
  background:#f5f9ff!important;
}
#admin #v1-admin-rights-view .director-cabinet-entry-line > strong{
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
}
#admin #v1-admin-rights-view .director-cabinet-entry-line > small{
  display:block!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.25!important;
  color:#000!important;
}
#admin #v1-admin-rights-view .director-cabinet-link-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
}
#admin #v1-admin-rights-view #v1-admin-login-link{
  flex:1 1 0%!important;
  width:auto!important;
  min-width:0!important;
  height:35px!important;
  min-height:35px!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  font-size:16px!important;
  line-height:1.2!important;
}
#admin #v1-admin-rights-view #v1-admin-copy-login{
  flex:0 0 auto!important;
  min-height:35px!important;
  height:35px!important;
  padding:6px 10px!important;
  border-radius:6px!important;
  font-size:16px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#admin #v1-admin-rights-view #v1-admin-open-login{
  display:inline-flex!important;
  align-items:center!important;
  min-height:35px!important;
  font-size:16px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#admin #v1-admin-rights-view .director-credential-editor{
  padding:11px 13px!important;
  margin:0 0 10px!important;
  border-radius:9px!important;
  background:#f5f9ff!important;
  border:1px solid #c5d7ee!important;
  min-width:0;
}
#admin #v1-admin-rights-view .director-credential-editor > h3{
  margin:0 0 3px!important;
  font-size:17px!important;
  line-height:1.2!important;
}
#admin #v1-admin-rights-view .director-credential-editor > p{
  margin:0 0 8px!important;
  font-size:16px!important;
  line-height:1.28!important;
}
#admin #v1-admin-rights-view #v1-admin-credentials-form{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(220px,.9fr)!important;
  align-items:end!important;
  gap:9px!important;
}
#admin #v1-admin-rights-view #v1-admin-credentials-form > label{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
}
#admin #v1-admin-rights-view #v1-admin-credentials-form input:not([type="checkbox"]){
  width:100%!important;
  min-width:0!important;
  height:37px!important;
  min-height:37px!important;
  padding:6px 9px!important;
  font-size:16px!important;
  border-radius:7px!important;
}
#admin #v1-admin-rights-view .director-credential-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}
#admin #v1-admin-rights-view .director-credential-actions .director-show-password{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:16px!important;
  line-height:1.2!important;
  min-height:19px;
  margin:0!important;
}
#admin #v1-admin-rights-view .director-credential-actions .director-show-password input{
  width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  flex:0 0 17px!important;
}
#admin #v1-admin-rights-view .director-credential-actions > button{
  min-height:37px!important;
  height:37px!important;
  padding:6px 10px!important;
  font-size:16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  border-radius:7px!important;
}
#admin #v1-admin-rights-view > p:not([id]){
  margin:6px 0 12px!important;
  padding:0!important;
  font-size:16px!important;
  line-height:1.25!important;
  color:#000!important;
}
#admin #v1-admin-rights-view .director-rights-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr))!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
#admin #v1-admin-rights-view .director-right-card{
  display:block!important;
  min-width:0!important;
  padding:11px 12px 10px!important;
  border:1px solid #c5d5e9!important;
  border-radius:10px!important;
  background:#f6f9fe!important;
  box-shadow:0 1px 5px #15395a0b!important;
  overflow:hidden;
}
#admin #v1-admin-rights-view .director-right-card h4{
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.2!important;
  color:#14365d!important;
  padding:0 0 8px!important;
  margin:0!important;
  border-bottom:1px solid #dbe6f2;
}
#admin #v1-admin-rights-view .director-right-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 125px!important;
  gap:8px!important;
  min-height:36px!important;
  padding:5px 0!important;
  border-top:0!important;
  border-bottom:1px solid #e1e9f4!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
#admin #v1-admin-rights-view .director-right-card .director-right-row:last-of-type{
  border-bottom:0!important;
}
#admin #v1-admin-rights-view .director-right-row label{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:#19395c!important;
  white-space:nowrap!important;
}
#admin #v1-admin-rights-view .director-right-row input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  flex:0 0 17px!important;
}
#admin #v1-admin-rights-view .director-right-row select{
  display:block!important;
  width:125px!important;
  min-width:125px!important;
  max-width:125px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:4px 7px!important;
  border:1px solid #b3c6db!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#173858!important;
  font-size:16px!important;
  line-height:1.15!important;
}
#admin #v1-admin-rights-view .director-right-card details{
  margin:7px 0 0!important;
  padding:6px 0 0!important;
  border-top:1px solid #dbe5f0!important;
}
#admin #v1-admin-rights-view .director-right-card summary{
  cursor:pointer;
  margin:0!important;
  color:#1759a5!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
#admin #v1-admin-rights-view .director-visibility-list{
  display:grid!important;
  gap:6px!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))!important;
  padding:9px 0 4px!important;
}
#admin #v1-admin-rights-view .director-visibility-person{
  font-size:16px!important;
  line-height:1.2!important;
  gap:6px!important;
}
#admin #v1-admin-rights-view .director-visibility-person input[type="checkbox"]{
  width:16px!important;height:16px!important;min-height:16px!important;
}
#admin #v1-admin-rights-message{
  font-size:16px!important;
  line-height:1.3!important;
  margin:8px 0 0!important;
}
@media(max-width:1050px){
 #admin #v1-admin-rights-view #v1-admin-credentials-form{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #admin #v1-admin-rights-view .director-credential-actions{
   grid-column:1/-1!important;
   flex-direction:row!important;
   justify-content:space-between;
   align-items:center!important;
 }
 #admin #v1-admin-rights-view .director-credential-actions > button{
   min-width:210px;
 }
}
@media(max-width:650px){
 #admin #v1-admin-rights-view{padding:11px!important}
 #admin #v1-admin-rights-view .director-rights-grid{
   grid-template-columns:1fr!important;
 }
 #admin #v1-admin-rights-view #v1-admin-credentials-form{
   grid-template-columns:1fr!important;
 }
 #admin #v1-admin-rights-view .director-credential-actions{
   grid-column:auto!important;
   flex-direction:column!important;
   align-items:stretch!important;
 }
 #admin #v1-admin-rights-view .director-cabinet-link-row{
   flex-wrap:wrap!important;
 }
 #admin #v1-admin-rights-view #v1-admin-login-link{
   flex-basis:100%!important;
 }
 #admin #v1-admin-rights-view .director-right-row{
   grid-template-columns:minmax(0,1fr) 113px!important;
 }
 #admin #v1-admin-rights-view .director-right-row select{
   min-width:113px!important;width:113px!important;max-width:113px!important;
 }
}

/* Dashboard monthly sales chart — approved glossy grouped columns, 28.10.2026.
   Replaces only the former 2-line graph. No KPI/financial API changes. */
#dashboard #sales-chart.line-chart{
  height:auto!important;
  min-height:0!important;
  width:100%;
  overflow:hidden;
}
#dashboard #sales-chart .crm-gloss-chart{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:290px!important;
  overflow:visible!important;
  margin:1px auto 0;
}
#dashboard #sales-chart .crm-gloss-bar rect{
  transition:opacity .15s ease,filter .15s ease;
}
#dashboard #sales-chart .crm-gloss-bar:hover rect{
  opacity:.88;
}
#dashboard #sales-chart .crm-gloss-legend{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:19px;
  margin:3px auto 0;
  padding:3px 0 0;
  flex-wrap:wrap;
  color:#223D61;
  font-size:16px;
  font-weight:800;
}
#dashboard #sales-chart .crm-gloss-legend > span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
#dashboard #sales-chart .gloss-swatch{
  display:inline-block;
  width:13px;
  height:13px;
  border-radius:3px;
  border:1px solid #FFFFFF94;
  box-shadow:inset 1px 1px 3px #FFFFFFA6,0 2px 4px #122A4E30;
}
#dashboard #sales-chart .gloss-swatch.sales{
  background:linear-gradient(155deg,#5DDAFF 0%,#086DF8 55%,#043AAE 100%);
}
#dashboard #sales-chart .gloss-swatch.costs{
  background:linear-gradient(155deg,#70FFE9 0%,#00D4B2 50%,#007A82 100%);
}
@media(max-width:720px){
  #dashboard #sales-chart .crm-gloss-chart{
    min-width:450px;
    max-height:none!important;
  }
  #dashboard #sales-chart.line-chart{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}

/* RESTORE_CLIENT_PROFILE_FONT_AND_SAVE_20261028 */
/* All refinements are scoped to the clients card, no global resizing.
   Large text, compact padding/columns instead of microscopic type. */
#records #client-profile{font-size:18px!important;line-height:1.35!important;color:#000!important}
#records #client-profile .client-card-toolbar strong{font-size:22px!important;line-height:1.2!important}
#records #client-profile .client-card-toolbar button{font-size:16px!important;padding:6px 10px!important}
#records #client-profile .client-card-fields{margin:7px 0 9px!important}
#records #client-profile .client-card-fields>div{padding:7px 10px!important}
#records #client-profile .client-card-fields span{font-size:16px!important;line-height:1.2!important;margin-bottom:2px!important}
#records #client-profile .client-card-fields strong{font-size:19px!important;line-height:1.23!important}
#records #client-profile .client-extra-card{margin:9px 0!important;padding-bottom:9px!important}
#records #client-profile .client-extra-head h3{
 font-size:20px!important;line-height:1.2!important;padding:8px 12px!important;
}
#records #client-profile .client-edit-heading-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 9px}
#records #client-profile .client-extra-head .client-edit-heading-actions button{
 margin:0!important;padding:7px 12px!important;min-height:36px!important;
 font-size:17px!important;line-height:1.15!important;border-radius:5px!important
}
#records #client-profile .client-extra-head #client-edit-save-top{
 background:#1764d8!important;color:#fff!important;
 font-weight:850!important;border:1px solid #000!important;
}
#records #client-profile #client-edit-save-top[hidden]{display:none!important}
#records #client-profile .client-extra-facts{padding:7px 12px 0!important;gap:4px 12px!important}
#records #client-profile .client-extra-facts span,
#records #client-profile .client-edit-grid label,
#records #client-profile .client-edit-history{font-size:17px!important;line-height:1.26!important}
#records #client-profile .client-extra-facts strong,
#records #client-profile .client-edit-empty{font-size:18px!important;line-height:1.3!important}
#records #client-profile .client-edit-grid{gap:7px 10px!important}
#records #client-profile .client-edit-grid label{gap:3px!important}
#records #client-profile .client-edit-grid input,
#records #client-profile .client-edit-grid textarea{
 font-size:18px!important;line-height:1.3!important;padding:7px 10px!important;
 border-radius:5px!important;color:#000!important;
}
#records #client-profile .client-edit-actions button{
 font-size:17px!important;margin:5px 9px!important;border-radius:5px!important;
}
#records #client-profile .client-edit-actions button[type="submit"]{
 background:#1764d8!important;color:#fff!important
}
#records #client-profile #client-edit-status{font-size:17px!important}
#records #client-profile .client-card-summary{margin:9px 0!important}
#records #client-profile .client-card-metrics{gap:6px!important}
#records #client-profile .client-card-metrics>div{padding:8px 11px!important}
#records #client-profile .client-card-metrics span{font-size:16px!important;line-height:1.23!important}
#records #client-profile .client-card-metrics strong{font-size:25px!important;margin-top:3px!important}
#records #client-profile .client-card-summary p,
#records #client-profile .client-finance p{font-size:16px!important;line-height:1.3!important}
#records #client-profile .client-finance{margin:9px 0!important}
#records #client-profile .client-finance>h3,
#records #client-profile .client-contracts-title h3{
 font-size:19px!important;line-height:1.18!important;padding:7px 12px!important;
}
#records #client-profile .client-finance-currency{font-size:18px!important}
#records #client-profile .client-finance-row span{font-size:17px!important}
#records #client-profile .client-finance-row b{font-size:20px!important}
#records #client-profile .client-contracts{margin:9px 0!important}
#records #client-profile .client-contract-scroll table{font-size:16px!important}
#records #client-profile .client-contract-scroll th,
#records #client-profile .client-contract-scroll td{
 font-size:16px!important;line-height:1.26!important;padding:7px 9px!important
}
#records #client-profile .client-contract-scroll td small{font-size:16px!important}
#records #client-profile .client-open-contract,
#records #client-profile .client-contract-link{font-size:16px!important;border-radius:4px!important}
#records #client-profile .client-contracts-title span{font-size:18px!important}
#records #client-profile .client-identity>summary{font-size:18px!important}
#records #client-profile .client-edit-history summary{font-size:17px!important}

/* CRM_CHART_FULL_YEAR_SCROLLBAR_20261028
   Horizontal year navigator only beneath Dashboard glossy monthly chart.
   Range thumb follows the chart viewport proportion; arrows move by ~7 months. */
#dashboard #sales-chart .crm-chart-scroll-viewport{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
}
#dashboard #sales-chart .crm-chart-scroll-viewport::-webkit-scrollbar{display:none}
#dashboard #sales-chart .crm-chart-scroll-viewport .crm-gloss-chart{
  width:var(--crm-chart-visual-width,1390px)!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
}
#dashboard #sales-chart .crm-chart-year-pan{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:6px 0 2px;
  min-height:30px;
}
#dashboard #sales-chart .crm-chart-year-pan button{
  display:grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:25px;
  border:0;
  background:transparent;
  color:#000;
  font-size:16px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
#dashboard #sales-chart .crm-chart-year-pan button:hover:not(:disabled){color:#266BB8}
#dashboard #sales-chart .crm-chart-year-pan button:disabled{opacity:.35;cursor:default}
#dashboard #sales-chart .crm-chart-pan-range{
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:1 1 auto;
  min-width:0;
  width:100%;
  height:23px;
  min-height:23px;
  padding:0;
  margin:0;
  background:transparent!important;
  border:0!important;
  cursor:ew-resize;
  outline-offset:2px;
}
#dashboard #sales-chart .crm-chart-pan-range::-webkit-slider-runnable-track{
  width:100%;
  height:15px;
  background:#E7EDF5;
  border:1px solid #CFD8E3;
  border-radius:9px;
}
#dashboard #sales-chart .crm-chart-pan-range::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:var(--crm-year-pan-thumb,200px);
  height:15px;
  margin-top:-1px;
  background:linear-gradient(#A5ABB4,#858B95);
  border:0;
  border-radius:9px;
  box-shadow:inset 0 1px 0 #FFFFFF70;
}
#dashboard #sales-chart .crm-chart-pan-range::-moz-range-track{
  height:15px;
  background:#E7EDF5;
  border:1px solid #CFD8E3;
  border-radius:9px;
}
#dashboard #sales-chart .crm-chart-pan-range::-moz-range-thumb{
  width:var(--crm-year-pan-thumb,200px);
  height:15px;
  background:linear-gradient(#A5ABB4,#858B95);
  border:0;
  border-radius:9px;
}
#dashboard #sales-chart .crm-chart-pan-range:disabled{opacity:.45;cursor:default}

/* CRM_CHART_DAILY_PEAKS_WEEKENDS_20261028: daily labels + weekend legend.
   Chart-only styling; financial reporting and other page modules untouched. */
#dashboard #sales-chart .gloss-swatch.weekend{
  background:linear-gradient(160deg,#FFF6F7,#F6CFD6);
  border:1px solid #E6BBC5;
  box-shadow:inset 0 1px 1px #fff;
}
#dashboard #sales-chart .crm-zero-days{
  color:#A25366;
  font-weight:850;
}
#dashboard #sales-chart .crm-chart-scroll-viewport{
  scroll-behavior:auto;
}

/* ANNUAL_SALES_HISTORY_CRM_20261028 — year tabs and stacked comparison.
   All rules scoped to the existing dashboard sales panel. */
#dashboard #sales-chart .crm-annual-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
  align-items:center;
  margin:1px 0 11px;
  padding:0 0 9px;
  border-bottom:1px solid #DCE6F2;
}
#dashboard #sales-chart .crm-annual-toolbar-label{
  font-size:16px;
  font-weight:850;
  color:#000;
}
#dashboard #sales-chart .crm-annual-year-buttons{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
#dashboard #sales-chart .crm-annual-year-buttons button,
#dashboard #sales-chart .crm-annual-compare{
  border:1px solid #A6BBD5;
  background:#F1F6FC;
  color:#163F77;
  border-radius:7px;
  min-height:32px;
  padding:5px 12px;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
#dashboard #sales-chart .crm-annual-year-buttons button:hover,
#dashboard #sales-chart .crm-annual-compare:hover{
  background:#E2F0FF;
}
#dashboard #sales-chart .crm-annual-year-buttons button.is-selected,
#dashboard #sales-chart .crm-annual-compare.is-active{
  color:#fff;
  background:linear-gradient(160deg,#338EFE,#0C57CE);
  border-color:#1359B8;
}
#dashboard #sales-chart .crm-annual-compare{
  margin-left:auto;
  background:#fff;
}
#dashboard #sales-chart .crm-annual-chart-history{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
#dashboard #sales-chart .crm-annual-year-card{
  padding:6px 0 8px;
  width:100%;
  min-width:0;
  border-bottom:1px solid #E1E9F4;
}
#dashboard #sales-chart .crm-annual-year-card:last-child{
  border-bottom:0;
}
#dashboard #sales-chart .crm-annual-year-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 15px;
  margin:0 6px 7px;
}
#dashboard #sales-chart .crm-annual-year-card-head>strong{
  color:#134A9E;
  font-size:21px;
  font-weight:900;
  line-height:1.2;
}
#dashboard #sales-chart .crm-annual-year-card-head>div{
  display:flex;
  gap:7px 17px;
  flex-wrap:wrap;
  align-items:center;
}
#dashboard #sales-chart .crm-annual-year-card-head span{
  color:#000;
  font-size:16px;
  font-weight:600;
  white-space:nowrap;
}
#dashboard #sales-chart .crm-annual-year-card-head span b{
  color:#162F50;
  font-weight:800;
}
#dashboard #sales-chart .crm-annual-year-card .crm-gloss-chart{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto;
}
#dashboard #sales-chart .crm-annual-demo-label{
  font-size:16px;
  color:#7A602D;
  background:#FFF6DC;
  border-radius:5px;
  margin:4px 0;
  padding:4px 7px;
}
@media(max-width:650px){
  #dashboard #sales-chart .crm-annual-compare{margin-left:0}
  #dashboard #sales-chart .crm-annual-year-card-head>div{gap:3px 10px}
  #dashboard #sales-chart .crm-annual-year-card-head span{font-size:16px}
}

/* DASHBOARD_ALL_PERIOD_HISTORY_NAV_20261028
   Shared history navigator for all time-bound metrics on the director dashboard. */
#dashboard .crm-period-history{
 display:flex;
 align-items:center;
 gap:8px;
 flex-wrap:wrap;
 min-height:42px;
 padding:6px 10px;
 margin:0 0 10px;
 background:#fff;
 border:1px solid #C4D2E2;
 border-radius:9px;
 box-shadow:0 1px 4px #0F2C4810;
 color:#1B3B62;
}
#dashboard .crm-period-history button{
 min-height:30px!important;
 height:30px!important;
 border:1px solid #B1C4DB!important;
 border-radius:7px!important;
 padding:4px 10px!important;
 background:#F3F8FE!important;
 color:#1456AB!important;
 font-size:16px!important;
 font-weight:800!important;
 white-space:nowrap!important;
 cursor:pointer;
}
#dashboard .crm-period-history button:hover:not(:disabled){background:#E3F0FF!important}
#dashboard .crm-period-history button:disabled{color:#000!important;cursor:default;background:#F6F8FB!important}
#dashboard .crm-period-history #crm-period-current{
 min-width:160px;
 font-size:16px;
 font-weight:900;
 color:#16395C;
 line-height:1.2;
 text-align:center;
}
#dashboard .crm-period-history #crm-period-reset{
 color:#fff!important;
 background:#1267D6!important;
 border:1px solid #1257B9!important;
}
#dashboard .crm-period-history #crm-period-reset[hidden]{display:none!important}
#dashboard .crm-period-history .crm-period-note{
 color:#000;
 font-size:16px;
 line-height:1.25;
 margin-left:auto;
}
@media(max-width:700px){
 #dashboard .crm-period-history{gap:6px;padding:6px 7px}
 #dashboard .crm-period-history #crm-period-current{font-size:16px;min-width:105px}
 #dashboard .crm-period-history .crm-period-note{flex-basis:100%;margin-left:0}
}

/* STAFF_CABINETS_SOFT_GRAY_FONTPLUS3_20261028 */
/* Director staff cabinets only. Keep the layout, actions, and colors of controls.
   Soft neutral gray instead of bluish-white. Increase small labels by exactly 3px. */
#admin .director-admin-cards .director-cabinet-card{
  background:#edf0f3!important;
  border-color:#b5beca!important;
  box-shadow:0 2px 6px rgba(11,31,56,.08)!important;
}
#admin .director-admin-cards .director-cabinet-card > small:nth-of-type(1){
  font-size:17px!important; /* 14 -> 17 */
  color:#000!important;
}
#admin .director-admin-cards .director-cabinet-card > small:nth-of-type(2){
  font-size:16px!important; /* 13 -> 16 */
  color:#000!important;
}
#admin .director-admin-cards .director-cabinet-state{
  font-size:16px!important; /* 13 -> 16 */
}
#admin .director-admin-cards .cabinet-entry-actions .cabinet-open-link,
#admin .director-admin-cards .cabinet-entry-actions .cabinet-copy-link{
  font-size:16px!important; /* 13 -> 16 */
  min-height:38px!important;
  height:auto!important;
  white-space:normal!important;
}
#admin .director-admin-cards .director-cabinet-card .primary-button,
#admin .director-admin-cards .director-cabinet-card .cabinet-disable,
#admin .director-admin-cards .director-cabinet-card .cabinet-restore{
  font-size:16px!important; /* 13 -> 16 */
  min-height:38px!important;
}
#admin #v1-admin-refresh{font-size:17px!important;} /* 14 -> 17 */

/* EMPLOYEE_RIGHTS_SMALL_TEXT_PLUS3_ONLY_20261028 */
/* Increase small copy and input text only. Buttons, major headings, dimensions unchanged. */
#admin .director-admin-header p{font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view .director-admin-editor-title p{font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view .director-cabinet-entry-line > small{font-size:16px!important;} /* 12 → 15 px */
#admin #v1-admin-rights-view #v1-admin-login-link{font-size:16px!important;} /* 13 → 16 px */
#admin #v1-admin-rights-view .director-credential-editor > p{font-size:16px!important;} /* 13 → 16 px */
#admin #v1-admin-rights-view #v1-admin-credentials-form > label{font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view #v1-admin-credentials-form input:not([type="checkbox"]){font-size:18px!important;} /* 15 → 18 px */
#admin #v1-admin-rights-view .director-credential-actions .director-show-password{font-size:16px!important;} /* 13 → 16 px */
#admin #v1-admin-rights-view > p:not([id]){font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view .director-right-row label{font-size:18px!important;} /* 15 → 18 px */
#admin #v1-admin-rights-view .director-right-row select{font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view .director-right-card summary{font-size:17px!important;} /* 14 → 17 px */
#admin #v1-admin-rights-view .director-visibility-person{font-size:16px!important;} /* 13 → 16 px */
#admin #v1-admin-rights-message{font-size:17px!important;} /* 14 → 17 px */


/* VISIBLE_CURRENT_LOGIN_ONETIME_NEW_PASSWORD_20261028
   Clear distinction: known login vs. non-recoverable hashed password.
   Keeps access-control buttons and large headings unchanged. */
#admin #v1-admin-rights-view .director-current-login-panel{
 display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr)!important;
 align-items:stretch!important;gap:12px!important;margin:4px 0 11px!important;
}
#admin #v1-admin-rights-view .director-current-login-panel label,
#admin #v1-admin-rights-view .director-current-password-status{
 font-size:17px!important;color:#000!important;
 border:1px solid #bbcadc;border-radius:7px;padding:8px 11px;
 background:#e8f0fb;
}
#admin #v1-admin-rights-view .director-current-login-panel label{
 display:flex!important;flex-direction:column!important;gap:4px!important;
 font-weight:800!important;
}
#admin #v1-admin-rights-view .director-current-login-panel input{
 width:100%!important;height:35px!important;min-height:35px!important;
 padding:5px 8px!important;font-size:18px!important;
 color:#000!important;background:#fff!important;border:1px solid #000!important;
}
#admin #v1-admin-rights-view .director-current-password-status{
 display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important
}
#admin #v1-admin-rights-view .director-current-password-status strong{
 font-size:17px!important;color:#000!important
}
#admin #v1-admin-rights-view .director-current-password-status span{
 font-size:16px!important;line-height:1.25!important;color:#000!important
}
#admin #v1-admin-rights-view .director-credential-actions{
 gap:6px!important
}
#admin #v1-admin-rights-view .director-credential-actions .director-password-generate{
 width:100%!important;white-space:normal!important;height:auto!important;min-height:34px!important
}
#admin #v1-admin-rights-view .director-credential-result{
 border:2px solid #2768cf!important;
 background:#e8f3ff!important;
}
#admin #v1-admin-rights-view .director-credential-result code{
 color:#000!important;user-select:all!important;font-size:19px!important;
 overflow-wrap:anywhere!important
}
#admin #v1-admin-rights-view .director-credential-result small{color:#000!important}
@media(max-width:900px){
 #admin #v1-admin-rights-view .director-current-login-panel{grid-template-columns:1fr!important}
}

/* TRAVEL_OFFICE_PRODUCT_QUEUE_ARCHIVE_20261028
   A single visual standard for new inquiries and processed archive. */
#product-inquiries .product-inbox-stage-select{
  width:151px!important;
  height:37px!important;
  padding:5px 8px!important;
  border:1px solid #7E9EC8!important;
  border-radius:8px!important;
  background:#EEF6FF!important;
  color:#113B75!important;
  font-size:16px!important;
  font-weight:800!important;
  cursor:pointer;
}
#product-inquiries .product-inbox-stage-select:focus-visible{
  outline:2px solid #1269D7;outline-offset:2px;
}
#product-worked .product-inbox-card{
  padding:13px 16px!important;
  border-radius:11px!important;
}
#product-worked .product-inbox-card>.panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:13px;
  margin:0 0 11px!important;
}
#product-worked .panel-heading h2{margin:0 0 4px!important}
#product-worked .product-worked-description{
  margin:0!important;color:#243B5B;font-size:16px;line-height:1.35;
}
#product-worked .product-worked-stats{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:8px 0 12px;
}
#product-worked .product-worked-stats span{
  border:1px solid #BDD0E8;background:#F2F7FE;color:#102E51;
  padding:6px 12px;border-radius:8px;font-size:16px;font-weight:700;
}
#product-worked .product-inbox-scroll{
  overflow-x:auto;max-width:100%;border:1px solid #C7D4E5;border-radius:8px;
  scrollbar-color:#93A9C2 #EDF2F8;
}
#product-worked .product-inbox-table{
  width:max(100%,1760px)!important;
  min-width:1760px!important;
  table-layout:fixed;
  border-collapse:separate;border-spacing:0;text-align:left;
}
#product-worked .product-inbox-table tr>:nth-child(1){width:55px}
#product-worked .product-inbox-table tr>:nth-child(2){width:185px}
#product-worked .product-inbox-table tr>:nth-child(3){width:205px}
#product-worked .product-inbox-table tr>:nth-child(4){width:185px}
#product-worked .product-inbox-table tr>:nth-child(5){width:260px}
#product-worked .product-inbox-table tr>:nth-child(6){width:180px}
#product-worked .product-inbox-table tr>:nth-child(7){width:135px}
#product-worked .product-inbox-table tr>:nth-child(8){width:185px}
#product-worked .product-inbox-table tr>:nth-child(9){width:370px}
#product-worked .product-inbox-table th{
  background:#6D071A!important;color:#fff!important;font-size:16px!important;
  font-weight:850;white-space:nowrap;position:sticky;top:0;z-index:4;
  padding:10px!important;
}
#product-worked .product-inbox-table td{
  padding:9px 10px!important;font-size:16px!important;
  line-height:1.3!important;color:#111!important;
  vertical-align:middle;border-bottom:1px solid #B8C5D5;
  overflow-wrap:anywhere;
}
#product-worked .product-inbox-table tr:nth-child(even){background:#F2F6FC}
#product-worked .product-inbox-table tr:hover{background:#E9F2FF}
#product-worked .product-inbox-table td:nth-child(2),
#product-worked .product-inbox-table td:nth-child(6),
#product-worked .product-inbox-table td:nth-child(8){white-space:nowrap}
#product-worked .product-worked-actions{
  display:flex;align-items:flex-start;flex-direction:column;gap:4px;
}
#product-worked .product-worked-actions button{
  padding:7px 11px;border-radius:7px;font-size:16px!important;font-weight:800;
}
#product-worked .product-worked-actions small{
  color:#31567E;font-size:16px;white-space:nowrap;
}
#product-worked .product-worked-footer{display:flex;justify-content:center;padding-top:11px}
#product-worked .product-worked-footer [hidden]{display:none!important}

/* STATUS_LABELS_RU_RO_EN_VISUAL_20261028
   Only stage/status controls: +2 px font and a slightly bluer, calm outline.
   Semantic colors of sale/decline stage badges remain recognizable. */
#product-inquiries .product-inbox-stage-select{
  font-size:18px!important; /* was 16px */
  background:#E3F0FF!important;
  border-color:#669BD6!important;
  color:#104B95!important;
  width:172px!important;
  min-height:39px!important;
}
#product-worked .product-stage-badge,
#product-pipeline .product-stage-badge,
#product-inquiries .product-stage-badge,
#product-lead-overlay .product-stage-badge{
  font-size:16px!important; /* was 12px */
  border:1px solid #9DBBDF;
  box-shadow:0 1px 2px #174A8A0D;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-status{
  font-size:16px!important; /* was 14px */
  border-color:#407FBC!important;
  box-shadow:0 1px 2px #164B9410;
}


/* PRODUCT_PIPELINE_ORIGINAL_HORIZONTAL_RESTORE_20261028
   Keep the original horizontal drag-and-drop layout. Only style the
   compact queue links and the optional "return to start" action. */
#product-pipeline .product-funnel-board{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  padding:4px 3px 24px!important;
  min-height:440px!important;
  scrollbar-color:#70acfb #153a64;
}
#product-pipeline .product-funnel-column{
  min-width:237px!important;
  width:237px!important;
  max-width:237px!important;
  flex:0 0 237px!important;
  min-height:0!important;
}
#product-pipeline .product-funnel-queue-link{
  padding:8px 10px!important;
  width:100%;
  border:1px solid #AFC9E7;
  border-radius:7px;
  background:#ECF5FF;
  color:#135298;
  font-size:16px;
  line-height:1.25;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
#product-worked .prod-btn-return{
  color:#1555A6!important;
  background:#DDEEFF!important;
  border-color:#92B8E5!important;
}
#product-lead-restart:not([hidden]){
  display:inline-flex;
  justify-content:center;
  align-items:center;
  color:#12549F;
  background:#E2F0FF;
  border:1px solid #91B8E6;
  border-radius:7px;
  padding:8px 10px;
  font-size:16px;
  font-weight:800;
}
#product-lead-restart[hidden]{display:none!important}

/* DASHBOARD_RECENT_CONTRACTS_PERIOD_SCROLL_20261028
   Restore same transaction-card look; enable vertical scroll through
   paginated date-scoped real contracts and demo-only sample rows. */
#dashboard .recent-scroll-viewport{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  max-height:480px;
  overflow-y:auto!important;
  overflow-x:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:auto;
  scrollbar-color:#8A9CB6 #E6EDF7;
  border-radius:8px;
}
#dashboard .recent-scroll-viewport::-webkit-scrollbar{
  width:11px;
  height:9px;
}
#dashboard .recent-scroll-viewport::-webkit-scrollbar-track{
  background:#E6EDF7;
  border-radius:8px;
}
#dashboard .recent-scroll-viewport::-webkit-scrollbar-thumb{
  background:#8A9CB6;
  border-radius:8px;
  border:2px solid #E6EDF7;
}
#dashboard .recent-scroll-viewport:focus-visible{
  outline:2px solid #1763D8;
  outline-offset:2px;
}
#dashboard #recent.recent-list{
  overflow:visible!important;
  width:100%;
  min-width:0;
}
#dashboard .recent-scroll-viewport .recent-head{
  position:sticky;
  top:0;
  z-index:3;
  background:#E7F1FF;
  border-bottom:1px solid #B7C9E2;
  box-shadow:0 1px 2px #203B6114;
}
#dashboard .recent-scroll-viewport .recent-entry:last-child{
  border-bottom:1px solid #DFE8F4;
}
#dashboard .recent-scroll-viewport .recent-real-date{
  display:block;
  font-size:16px;
  font-weight:650;
  line-height:1.4;
  color:#000;
  margin-top:3px;
  white-space:nowrap;
}
#dashboard .recent-scroll-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 10px;
  min-height:33px;
  margin-top:7px;
  padding:6px 1px 2px;
  border-top:1px solid #E4EAF3;
}
#dashboard .recent-scroll-footer span{
  font-size:16px;
  font-weight:750;
  color:#000;
}
#dashboard .recent-scroll-footer button{
  font-size:16px;
  font-weight:800;
  padding:6px 9px;
  background:#EDF5FF;
  border:1px solid #ADC8E7;
  border-radius:7px;
  color:#1459AD;
  cursor:pointer;
}
#dashboard .recent-scroll-footer button[hidden]{display:none!important}
#dashboard[data-view-mode="demo"] .recent-scroll-viewport #recent{
  min-width:410px;
}
@media(max-width:720px){
  #dashboard .recent-scroll-viewport{max-height:425px}
  #dashboard .recent-scroll-viewport #recent{min-width:410px}
}

/* DIRECTOR_MANAGER_COMMISSION_20261028 */
#admin .director-commission-box{background:#e9f1fc;border:1px solid #000;border-radius:9px;
 padding:11px 14px;margin:12px 0;color:#000}
#admin .director-commission-box strong{font-size:19px}
#admin .director-commission-box p{font-size:16px!important;line-height:1.3!important;color:#000!important;margin:3px 0 8px}
#admin .director-commission-box form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
#admin .director-commission-box label{margin:0;font-size:17px;color:#000}
#admin .director-commission-box input{width:155px!important;height:38px!important;min-height:38px!important;
 padding:4px 9px!important;background:#fff!important;border:1px solid #000}
#admin .director-commission-box button{height:38px!important;min-height:38px!important}
#admin #v1-admin-commission-message{font-size:16px;color:#000!important;font-weight:700}

/* TRAVEL_OFFICE_CRM_DESKTOP_COMPACT_80_AT_100_20261028
 * Desktop: show the same information density at 100% browser zoom that
 * previously required setting Chrome to 80%.
 * Applied to the app root, not to individual buttons/cards, so the working
 * forms, sales funnel, modals and dashboard preserve their relative sizes.
 * Zoom itself expands internal layout space; 100% avoids page-wide horizontal overflow.
 * Below 1100px keep the original responsive layout unchanged.
 * To revert: restore style.css and index.html from the verified snapshot.
 */
@media screen and (min-width: 1100px) {
  body > .app {
    zoom: 0.8;
    width: 100%;
    min-height: 125vh !important;
  }
  body > .app > .sidebar {
    height: 125vh !important;
    min-height: 125vh !important;
  }
  /* This CRM contains a fullscreen client detail panel inside the app.
     Compensate for its zoomed 100vw/100dvh overlay so it still covers
     the whole physical viewport and doesn't leave a clickable gap. */
  html body #product-lead-overlay:not([hidden]) {
    width: 125vw !important;
    height: 125dvh !important;
  }
  html body #product-lead-overlay > .product-lead-panel {
    width: 125vw !important;
    max-width: 125vw !important;
    height: 125dvh !important;
    max-height: 125dvh !important;
  }
}

/* With the 0.8 zoom, the 100% browser viewport still triggers the old
   <=1350px media query. Respect the *available layout* inside the zoomed
   desktop (like 80% browser zoom did), and keep the two original cabinets
   side-by-side. All 2-card content/actions remain untouched. */
@media screen and (min-width:1100px) {
  #admin .director-admin-cards {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .app .topbar .global-search {
    max-width:475px!important;
    min-width:0!important;
  }
}

/* Keep director KPI / chart rows at the density of browser-zoom 80%.
   Media queries still see the unzoomed viewport; these two small overrides
   only restore the pre-existing three-column wide desktop grids. */
@media screen and (min-width:1121px) {
  #dashboard .analytics-grid {
    grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr)!important;
  }
  #dashboard .analytics-grid > .chart-card:last-child {
    grid-column:auto!important;
  }
  #dashboard .bottom-grid,
  #dashboard[data-view-mode="demo"] .bottom-grid {
    grid-template-columns:1.12fr 1.12fr 1fr!important;
  }
  #dashboard .bottom-grid > .manager-card,
  #dashboard[data-view-mode="demo"] .bottom-grid > .manager-card {
    grid-column:auto!important;
  }
}

/* DASHBOARD_90_PERCENT_LOOK_AT_100_FIX_20261028
   At browser 100% Chrome's viewport crosses the old max-width:1390
   breakpoint, which turns the sales funnel into enormous horizontal tiles.
   Keep its original five compact VERTICAL stages on desktop, exactly as at
   browser 90%. Does not affect the separate draggable Travel Office funnel. */
@media screen and (min-width:1100px) {
  #dashboard .funnel-panel #funnel-chart {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    min-height:0!important;
    width:100%!important;
  }
  #dashboard .funnel-panel #funnel-chart > .funnel-step {
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:7px 10px!important;
    justify-content:space-between!important;
  }
}


/* CLIENTS_NEW_RECORD_COMPACT_20261028
   ONLY the single-client registration form inside #records, not contracts,
   expenses, tourism requests, staff or other CRM pages. CSS :has matches
   the rendered clients field; no behaviour or font-size changes. */
#records:has(#create-form input[name="name"]) #records-form-card {
  height:auto!important;
  min-height:0!important;
  padding:10px 13px 9px!important;
  margin-bottom:12px!important;
}
#records:has(#create-form input[name="name"]) #records-form-card > .panel-heading {
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
  align-items:center;
}
#records:has(#create-form input[name="name"]) #create-form {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:6px!important;
  margin:0!important;
}
#records:has(#create-form input[name="name"]) #create-form > label {
  gap:3px!important;
  margin:0!important;
  min-height:0!important;
}
#records:has(#create-form input[name="name"]) #create-form > label > input {
  height:35px!important;
  min-height:35px!important;
  padding:5px 10px!important;
  /* Existing readable 17px text remains unchanged. */
}
#records:has(#create-form input[name="name"]) #create-form > .submit-row {
  margin:1px 0 0!important;
  min-height:0!important;
  gap:12px!important;
  flex-wrap:wrap;
}
#records:has(#create-form input[name="name"]) #create-form > .submit-row button {
  padding:7px 12px!important;
  min-height:34px!important;
  line-height:1.2!important;
}
#records:has(#create-form input[name="name"]) #records-form-card > #form-result:empty {
  display:none!important;
}
#records:has(#create-form input[name="name"]) #records-form-card > #form-result:not(:empty) {
  display:block;
  margin:6px 0 0!important;
  min-height:0!important;
  line-height:1.25!important;
}
@media (max-width:760px) {
  #records:has(#create-form input[name="name"]) #create-form {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:520px) {
  #records:has(#create-form input[name="name"]) #create-form {
    grid-template-columns:1fr!important;
  }
}


/* CONTRACT_FORM_FIELD_HEIGHT_MINUS_20_PERCENT_20261028
   Only the contract creation form, not client records, payment forms or
   contract read-only profiles. Keep font sizes, borders, colors and widths.
   Top selectors: 39px -> 31px; section controls: 39px -> 31px;
   multiline notes: 72px -> 58px; section padding and gaps tighter. */
@media screen and (min-width:900px) {
  #records #create-form:has(#contract-fields) > label > input,
  #records #create-form:has(#contract-fields) > label > select {
    height:31px!important;
    min-height:31px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  #records #contract-fields .contract-section {
    padding:7px 10px 9px!important;
  }
  #records #contract-fields .contract-section-title {
    margin-bottom:6px!important;
    padding-bottom:5px!important;
  }
  #records #contract-fields {
    gap:9px!important;
  }
  #records #contract-fields .contract-section-grid {
    row-gap:6px!important;
  }
  #records #contract-fields .contract-section-grid > label {
    gap:3px!important;
  }
  #records #contract-fields .contract-section-grid input:not([type="checkbox"]):not([type="radio"]),
  #records #contract-fields .contract-section-grid select {
    height:31px!important;
    min-height:31px!important;
    padding:4px 8px!important;
  }
  #records #contract-fields .contract-section-grid textarea {
    height:58px!important;
    min-height:58px!important;
    padding:5px 8px!important;
  }
}


/* CONTRACT_FORM_EXTRA_COMPACT_SPACING_NO_FONT_CHANGE_20261028 */
/* Only contract form spacing: sizes, families, weights, line heights and
   column structure stay as before. Other CRM forms are unaffected. */
@media screen and (min-width:900px){
  #records #create-form:has(#contract-fields){
    row-gap:6px!important;
    column-gap:10px!important;
  }
  #records #create-form:has(#contract-fields) > label {
    gap:3px!important;
  }
  #records #create-form:has(#contract-fields) > .contract-form-toolbar {
    gap:8px!important;
  }
  #records #create-form:has(#contract-fields) > #contract-fields {
    gap:7px!important;
  }
  #records #contract-fields .contract-section{
    padding:6px 10px 7px!important;
  }
  #records #contract-fields .contract-section-title{
    margin-bottom:4px!important;
    padding-bottom:3px!important;
  }
  #records #contract-fields .contract-section-grid{
    row-gap:4px!important;
    column-gap:10px!important;
  }
  #records #contract-fields .contract-section-grid > label{
    gap:2px!important;
  }
  #records #contract-fields .children-age-editor {
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  #records #contract-fields .children-age-boxes {
    gap:5px!important;
  }
}

/* CONTRACT_SECTION_BURGUNDY_CELLS_BLACK_TEXT_20261028 */
/* Exact deep burgundy (#6D071A) from supplied sample; heading letters
   stay black as previously requested. Other inputs and fonts unchanged. */
#records #contract-fields .contract-section-title {
  background:#6D071A!important;
  color:#000!important;
  border:1px solid #750D25!important;
  border-radius:5px!important;
  padding:3px 8px!important;
}
#records #contract-fields .contract-section-grid > label {
  color:#000!important;
}


/* DEMO_TOURISM_INBOX_REAL_PARITY_20261028
   Replicate the existing real inquiry layout, source branding and burgundy
   table header. Scoped solely to the film-only tourist demo inbox. */
#records .demo-showcase .film-demo-real-inbox{
  padding:13px 14px!important;
  margin:3px 0 15px!important;
  border:1px solid #c6d2e0!important;
  background:#fff!important;
  border-radius:12px!important;
  box-shadow:0 2px 7px #081d3520!important;
  color:#000!important;
}
#records .demo-showcase .film-demo-real-inbox > .panel-heading{
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0 0 8px!important;
  min-height:0!important;
}
#records .demo-showcase .film-demo-real-inbox > .panel-heading h2{
  font-size:20px!important;
  font-weight:850!important;
  color:#0d2443!important;
  margin:0!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-source-stats{
  margin:5px 0!important;
  padding:0 0 7px!important;
  grid-template-columns:repeat(13,minmax(108px,1fr))!important;
  overflow-x:auto!important;
  scrollbar-color:#91a8c4 #eaf1fb;
}
#records .demo-showcase .film-demo-real-inbox .tourism-inbox-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-items:center!important;
  margin:4px 0 8px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-period{
  flex:1 1 510px;
  gap:7px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-inbox-toolbar > button{
  min-height:34px!important;
  white-space:nowrap!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-filter-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  margin:6px 0 8px!important;
  gap:9px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-filter-row select{
  height:34px!important;
  min-height:34px!important;
  border:1px solid #000!important;
  background:#fff!important;
}
#records .demo-showcase .film-demo-real-inbox .film-demo-notice{
  margin-left:auto;
  font-weight:700;
  font-size:16px;
  color:#000!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  border:1px solid #000!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table{
  border-collapse:collapse!important;
  table-layout:fixed!important;
  width:1513px!important;
  min-width:1513px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table thead th{
  background:#6D071A!important;
  color:#fff!important;
  text-align:left!important;
  font-weight:850!important;
  border-bottom:1px solid #000!important;
  padding:9px 9px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table tbody td{
  padding:7px 9px!important;
  color:#000!important;
  background:transparent!important;
  vertical-align:middle!important;
  border-bottom:1px solid #000!important;
  overflow-wrap:anywhere!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table tbody tr:nth-child(even){
  background:#f2f6fc!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table tbody tr:hover{
  background:#e8f2ff!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .product-inbox-stage-select{
  min-width:130px!important;
  font-size:17px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-action{
  font-size:16px!important;
  font-weight:750!important;
  color:#000!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-assignment{
  position:relative;
}
#records .demo-showcase .film-demo-real-inbox .tourism-assignment-menu[hidden]{
  display:none!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-assignment-menu:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  position:absolute!important;
  z-index:20!important;
  top:100%;
  right:0;
  min-width:225px;
  padding:9px!important;
  background:#fff!important;
  box-shadow:0 3px 15px #091c3d4a!important;
  border:1px solid #46647f!important;
  border-radius:7px!important;
}
#records .demo-showcase .film-demo-real-inbox .film-demo-manager{
  font-size:16px;
  color:#000!important;
  white-space:nowrap;
}
#records .demo-showcase .film-demo-real-inbox .film-demo-board-wrap{
  overflow-x:auto;
  margin-top:9px;
}
#records .demo-showcase .film-demo-real-inbox .film-lanes{
  min-width:1100px;
}
#records .demo-showcase .film-demo-real-inbox .tourism-manual-form[hidden]{
  display:none!important;
}


/* LEAD_CARD_FITS_VIEWPORT_100_PERCENT_20261028
   Lead modal is mounted directly under <body> by product_leads_ui.js.
   Its former 125vw/125dvh compensator is obsolete: .app alone is zoomed
   to 80%, but #product-lead-overlay is NOT inside .app.
   Keep existing fonts, text size, backgrounds and button colors unchanged.
*/
html body #product-lead-overlay:not([hidden]){
  inset:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
html body #product-lead-overlay > .product-lead-panel{
  inset:0!important;
  width:100vw!important;
  min-width:0!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  padding:0 16px 8px!important;
  overflow-y:hidden!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
html body #product-lead-overlay .product-lead-head{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0 -16px!important;
  padding:8px 16px!important;
  gap:10px!important;
}
html body #product-lead-overlay .product-lead-details{
  flex:0 0 auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:7px 0 6px!important;
}
html body #product-lead-overlay .product-lead-field{
  min-width:0!important;
  min-height:0!important;
  padding:6px 10px!important;
}
html body #product-lead-overlay .product-lead-edit-toolbar{
  flex:0 0 auto!important;
  padding:0 0 5px!important;
}
html body #product-lead-overlay .product-lead-stage-control{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:6px 10px!important;
  gap:9px!important;
}
html body #product-lead-overlay .product-lead-workspace{
  flex:1 1 0%!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:8px 0 0!important;
  gap:10px!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
html body #product-lead-overlay .product-lead-history-pane,
html body #product-lead-overlay .product-lead-editor-pane{
  height:auto!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
}
html body #product-lead-overlay .product-lead-chat-head{
  flex:0 0 auto!important;
  margin:0 0 6px!important;
}
html body #product-lead-overlay #product-lead-chat{
  flex:1 1 0%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
html body #product-lead-overlay .product-lead-compose-title{
  flex:0 0 auto!important;
  margin:0 0 7px!important;
}
html body #product-lead-overlay #product-lead-message-form{
  flex:1 1 0%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #product-lead-overlay .product-lead-message-settings{
  flex:0 0 auto!important;
  margin:0 0 7px!important;
}
html body #product-lead-overlay #product-lead-message{
  flex:1 1 0%!important;
  min-height:85px!important;
  height:auto!important;
  max-height:none!important;
  resize:none!important;
  overflow-y:auto!important;
}
html body #product-lead-overlay .product-lead-message-bottom{
  flex:0 0 auto!important;
  margin-top:6px!important;
}
html body #product-lead-overlay .product-lead-delete{
  flex:0 0 auto!important;
  margin:6px 0 0 auto!important;
}
/* Editing expands the contact form. In that state the panel may scroll
   rather than hiding the save button or clipping form fields. */
html body #product-lead-overlay:has(#product-lead-edit-form:not([hidden])) > .product-lead-panel{
  overflow-y:auto!important;
}
html body #product-lead-overlay:has(#product-lead-edit-form:not([hidden])) .product-lead-workspace{
  flex:0 0 auto!important;
  height:clamp(250px,42dvh,480px)!important;
  overflow:hidden!important;
}
@media(max-width:900px), (max-height:630px){
  html body #product-lead-overlay > .product-lead-panel{
    overflow-y:auto!important;
    padding:0 12px 12px!important;
  }
  html body #product-lead-overlay .product-lead-head{
    margin:0 -12px!important;
    padding:9px 12px!important;
  }
  html body #product-lead-overlay .product-lead-workspace{
    height:auto!important;
    flex:0 0 auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    overflow:visible!important;
  }
  html body #product-lead-overlay .product-lead-history-pane,
  html body #product-lead-overlay .product-lead-editor-pane{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  html body #product-lead-overlay #product-lead-chat{
    height:190px!important;
    min-height:150px!important;
    flex:0 0 auto!important;
  }
  html body #product-lead-overlay #product-lead-message{
    height:190px!important;
    min-height:140px!important;
    flex:0 0 auto!important;
  }
}
@media(max-width:650px){
  html body #product-lead-overlay .product-lead-details{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* DEMO_TOURISM_STATUS_AND_BRAND_ICON_PARITY_20261028
   Status selector matches the real B2B inquiry control. Channel circles
   already share the original colored ChannelSourceVisuals component. */
#records .demo-showcase .film-demo-real-inbox .tourism-table .product-inbox-stage-select {
  width:172px!important;
  min-width:172px!important;
  min-height:39px!important;
  height:39px!important;
  padding:5px 8px!important;
  border:1px solid #669BD6!important;
  border-radius:8px!important;
  background:#E3F0FF!important;
  color:#104B95!important;
  font-size:18px!important;
  font-weight:800!important;
  cursor:pointer;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .product-inbox-stage-select:focus-visible {
  outline:2px solid #1269D7!important;
  outline-offset:2px;
}
#records .demo-showcase .film-demo-real-inbox .tourism-source-stats .source-icon {
  border-radius:50%!important;
  color:#fff!important;
}


/* PRODUCT_INBOX_STATUS_CONSENT_COLUMN_ALIGNMENT_20261028 */
/* The stage dropdown was 172px wide inside a 160px table column (minus 20px
   padding), making it visually overlap the neighboring consent value.
   Reallocate the existing 1760px without reducing text size. */
#product-inquiries .product-inbox-table tr > :nth-child(7){
  width:205px!important;
}
#product-inquiries .product-inbox-table tr > :nth-child(8){
  width:110px!important;
}
#product-inquiries .product-inbox-table tr > :nth-child(9){
  width:410px!important;
}
#product-inquiries .product-inbox-table tbody td:nth-child(7){
  min-width:0!important;
  padding-right:10px!important;
}
#product-inquiries .product-inbox-table tbody td:nth-child(8){
  text-align:center!important;
  white-space:nowrap!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
#product-inquiries .product-inbox-table .product-inbox-stage-select{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:18px!important;
}

/* DEMO_TOURISM_FUNNEL_SIX_STAGES_20261028
   Demo tourism leads only: copy the horizontal B2B funnel presentation.
   "New" remains in its inbox, "Demonstration" is not a tourism stage.
   The real tourism and real CRM product pipelines are unchanged. */
#records .demo-showcase .film-demo-real-inbox .film-tourism-inbox-heading{
  padding:7px 12px;
  border:1px solid #9DBBDF;
  border-radius:7px;
  color:#173960;
  background:#eef6ff;
  white-space:nowrap;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-pipeline-stats{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:5px 0 12px;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-board{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:12px!important;
  min-width:0!important;
  min-height:425px!important;
  padding:4px 3px 22px!important;
  scrollbar-color:#70acfb #153a64;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-funnel-column{
  flex:0 0 237px!important;
  width:237px!important;
  min-width:237px!important;
  max-width:237px!important;
  border-radius:15px;
  min-height:430px;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-funnel-card{
  appearance:none;
  text-align:left;
  width:100%;
  cursor:grab;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-funnel-card:active{
  cursor:grabbing;
}
#records .demo-showcase .film-demo-real-inbox .film-tourism-funnel-card:focus-visible{
  outline:2px solid #1763d8;
  outline-offset:2px;
}
@media(max-width:650px){
 #records .demo-showcase .film-demo-real-inbox .film-tourism-funnel-column{
   flex-basis:220px!important;
   min-width:220px!important;
   width:220px!important;
 }
}


/* PRINT_CONTRACT_CANONICAL_SIGNATURES_20261028 */
#records #contract-profile .contract-focus-bar .contract-focus-print{
 background:#1764d8!important;color:#fff!important;
 border:1px solid #000!important;font-weight:850!important;
 font-size:16px!important;min-height:35px!important;
 padding:6px 13px!important;white-space:normal!important;
}
#records #contract-profile .contract-focus-bar .contract-focus-print:hover{
 background:#1356b6!important;color:#fff!important;
}


/* ADMIN_THREE_BURGUNDY_HEADER_BARS_WHITE_TEXT_20261028
   Only three staff-rights card headers. Exact reference burgundy #6D071A;
   white heading letters, unchanged original font-size and font-weight.
   Other labels, descriptions, inputs, credential fields and buttons untouched. */
#admin #v1-admin-rights-view #v1-admin-employee-entry > strong,
#admin #v1-admin-rights-view .director-credential-editor > h3,
#admin #v1-admin-rights-view #v1-admin-commission-box > div:first-child > strong {
  display:block!important;
  width:100%;
  box-sizing:border-box;
  margin:0 0 9px!important;
  padding:7px 10px!important;
  border-radius:5px!important;
  background:#6D071A!important;
  color:#FFFFFF!important;
}


/* CONTRACT_FORM_BURGUNDY_TITLES_WHITE_TEXT_20261028
   Only the burgundy section headers in contract creation/edit form.
   Keep background, black field labels, typography and buttons unchanged. */
#records #contract-fields .contract-section-title {
  color:#FFFFFF!important;
}


/* PAYMENT_LEDGER_COLLAPSIBLE_FILTERS_20261028
   Only the filter form is collapsible. Totals and ledger rows remain visible;
   opened/closed state does not affect any form inputs or saved data. */
#records #payment-ledger-filter-panel {
  display:block;
  overflow:hidden;
  border:1px solid #000;
  border-radius:8px;
  background:#f0f6ff;
  margin:0 0 12px;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle {
  display:flex!important;
  align-items:center;
  min-height:39px;
  gap:10px;
  padding:8px 13px;
  cursor:pointer;
  list-style:none!important;
  color:#102f56;
  font-size:17px;
  font-weight:800;
  background:#e3f0ff;
  user-select:none;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle::-webkit-details-marker{
  display:none!important;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle::marker{
  content:''!important;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle::after{
  content:''!important;
  display:block;
  flex:0 0 10px;
  width:10px;
  height:10px;
  box-sizing:border-box;
  border-right:2.5px solid #0b4a97;
  border-bottom:2.5px solid #0b4a97;
  transform:rotate(45deg);
  margin:0 5px 4px auto;
  transition:transform .14s ease,margin .14s ease;
}
#records #payment-ledger-filter-panel[open] > .payment-ledger-filter-toggle::after{
  transform:rotate(225deg);
  margin-bottom:-4px;
}
#records #payment-ledger-filter-panel[open] > .payment-ledger-filter-toggle{
  border-bottom:1px solid #b3c9e2;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle:hover{
  background:#d2e7ff;
}
#records #payment-ledger-filter-panel > .payment-ledger-filter-toggle:focus-visible{
  outline:2px solid #1764d8;
  outline-offset:-3px;
}
#records #payment-ledger-filter-panel > #payment-ledger-filters {
  margin:0!important;
  padding:11px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#records #payment-ledger-filter-panel:not([open]) > #payment-ledger-filters {
  display:none!important;
}
#records #payment-ledger-filter-count:not([hidden]){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:2px 6px;
  border-radius:11px;
  color:#fff;
  background:#1764d8;
  font-size:16px;
  font-weight:850;
}
#records #payment-ledger-filter-count[hidden]{display:none!important}


/* TOURISM_LEAD_ACTIONS_NO_OVERLAP_REAL_AND_DEMO_20261028 */
/* In the demo the 172px stage select was taking space from the action column,
   causing Open to overlap the stage control. Assign exact widths to all 8
   columns (1513px total) instead of allowing fixed-table redistribution.
   Keep existing fonts, colors, controls and horizontal scrolling. */
#records .demo-showcase .film-demo-real-inbox .tourism-table{
  width:1513px!important;
  min-width:1513px!important;
  table-layout:fixed!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(1){width:44px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(2){width:175px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(3){width:190px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(4){width:110px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(5){width:185px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(6){width:150px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(7){width:195px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tr > :nth-child(8){width:464px!important}
#records .demo-showcase .film-demo-real-inbox .tourism-table tbody td:nth-child(7),
#records .demo-showcase .film-demo-real-inbox .tourism-table tbody td:nth-child(8){
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:visible!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .product-inbox-stage-select{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-actions{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  gap:6px 10px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-actions>.tourism-open{
  grid-column:1!important;
  grid-row:1!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  position:static!important;
  flex:0 0 auto!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-assignment{
  display:flex!important;
  grid-column:2!important;
  grid-row:1!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  max-width:100%!important;
  position:relative!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .tourism-assignment>.tourism-action{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}
#records .demo-showcase .film-demo-real-inbox .tourism-table .film-demo-manager{
  display:block!important;
  margin:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  color:#000!important;
}
/* Same orderly action wrapping for actual tourist leads. These rows can have
   Take/Open/Delete/Assign, so retain a flexible action group instead of demo's
   two-column grid. The assigned manager always sits below their button. */
#records.tourism-view .tourism-inbox .tourism-table tbody td:nth-child(8){
  box-sizing:border-box!important;
  overflow:visible!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 8px!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-actions>.tourism-action{
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-assignment{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-assignment>.tourism-action{
  max-width:100%!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}
#records.tourism-view .tourism-inbox .tourism-table .tourism-assigned{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  color:#000!important;
}


/* PRODUCT_WORKED_VISUAL_PARITY_WITH_INBOX_20261028
   Make finished Travel Office inquiries use the same layout as incoming
   inquiries. Status, completion time, consent and assignment remain visible.
   The real data, API routes and processing history remain untouched.
*/
#product-worked .product-inbox-scroll{
  max-height:min(65vh,720px)!important;
  max-width:100%!important;
  position:relative!important;
  overflow-x:scroll!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:auto!important;
  scrollbar-color:#91a2b7 #edf1f6!important;
  border:0!important;
  border-radius:0!important;
}
#product-worked .product-inbox-scroll::-webkit-scrollbar{height:12px;width:10px}
#product-worked .product-inbox-scroll::-webkit-scrollbar-track{background:#edf1f6}
#product-worked .product-inbox-scroll::-webkit-scrollbar-thumb{
  background:#91a2b7;border-radius:6px;border:2px solid #edf1f6;
}
#product-worked .product-inbox-table{
  width:max(100%,1760px)!important;
  min-width:1760px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  text-align:left!important;
}
#product-worked .product-inbox-table tr>:nth-child(1){width:50px!important}
#product-worked .product-inbox-table tr>:nth-child(2){width:185px!important}
#product-worked .product-inbox-table tr>:nth-child(3){width:200px!important}
#product-worked .product-inbox-table tr>:nth-child(4){width:185px!important}
#product-worked .product-inbox-table tr>:nth-child(5){width:245px!important}
#product-worked .product-inbox-table tr>:nth-child(6){width:170px!important}
#product-worked .product-inbox-table tr>:nth-child(7){width:205px!important}
#product-worked .product-inbox-table tr>:nth-child(8){width:110px!important}
#product-worked .product-inbox-table tr>:nth-child(9){width:410px!important}
#product-worked .product-inbox-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  background:#6D071A!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.22!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  vertical-align:middle!important;
  padding:9px 10px!important;
  border-bottom:1px solid #510412!important;
  box-shadow:0 1px 0 #510412!important;
}
#product-worked .product-inbox-table tbody td{
  font-size:16px!important;
  line-height:1.23!important;
  padding:7px 10px!important;
  vertical-align:middle!important;
  border-bottom:1px solid #B8C5D5!important;
  color:#111!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
#product-worked .product-inbox-table tbody tr:nth-child(even){background:#f4f8fd!important}
#product-worked .product-inbox-table tbody tr:hover{background:#eaf2fc!important}
#product-worked .product-inbox-table tbody td:nth-child(2),
#product-worked .product-inbox-table tbody td:nth-child(6){
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  font-variant-numeric:tabular-nums;
}
#product-worked .product-inbox-table tbody td:nth-child(5){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#product-worked .product-inbox-table tbody td:nth-child(8){
  white-space:nowrap!important;
  text-align:center!important;
}
#product-worked .product-worked-status{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-width:0;
}
#product-worked .product-worked-status .product-stage-badge{
  display:block!important;
  box-sizing:border-box!important;
  min-height:39px!important;
  width:100%!important;
  padding:7px 9px!important;
  border:1px solid #9DBBDF!important;
  border-radius:8px!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:normal!important;
}
#product-worked .product-worked-status small{
  color:#31567E!important;
  font-size:16px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
#product-worked .product-inbox-table .product-row-actions.product-worked-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px!important;
}
#product-worked .product-inbox-table .product-row-actions.product-worked-actions .prod-btn{
  box-sizing:border-box!important;
  flex:0 0 151px!important;
  width:151px!important;
  height:37px!important;
  min-height:37px!important;
  padding:5px 8px!important;
  border:1px solid #7E9EC8!important;
  border-radius:8px!important;
  background:#EEF6FF!important;
  color:#113B75!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:normal!important;
  cursor:pointer!important;
}
#product-worked .product-inbox-table .product-row-actions.product-worked-actions small{
  flex:1 1 100%!important;
  font-size:16px!important;
  line-height:1.2!important;
  color:#31567E!important;
  white-space:normal!important;
}


/* PILOT_AGENCY_LEGAL_SETTINGS_FOR_PRINT_20261028 */
#settings .agency-legal-settings{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
 margin:14px 0;background:#edf4ff;padding:14px;border:1px solid #000;border-radius:8px
}
#settings .agency-legal-settings h3,#settings .agency-legal-settings p{grid-column:1/-1;color:#000!important;margin:0}
#settings .agency-legal-settings h3{font-size:19px}
#settings .agency-legal-settings p{font-size:16px}
#settings .agency-legal-settings label{font-size:16px;color:#000}
#settings .agency-legal-settings input{color:#000!important;background:#fff!important}
@media(max-width:720px){#settings .agency-legal-settings{grid-template-columns:1fr}}

/* PRINT_TOURIST_CURRENCY_LIVE_BALANCE_20261028 — print icon beside number. */
#records .contract-number-and-print{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
#records .contract-print-icon{display:inline-flex;align-items:center;justify-content:center;
 width:34px;height:34px;padding:5px;flex:0 0 34px;border-radius:6px;
 border:1px solid #175cae;background:#e2efff;color:#064b9b;cursor:pointer;}
#records .contract-print-icon svg{width:20px;height:20px;flex:0 0 20px}
#records .contract-print-icon:hover{background:#cce2ff}
#records .contract-print-icon:focus-visible{outline:3px solid #e29a19;outline-offset:2px}

/* Art Prof Group global typography policy — text is never below 16px. */
html, body {font-size:16px;}
.main-body svg text, .main-body svg tspan {font-size:16px!important;}
/* Growing table content must scroll rather than clip at the new readable type size. */
.main-body .records-card, .main-body .data-card, .main-body .staff-list-panel,
.main-body .staff-catalog-panel {min-width:0;}
.main-body .record-table {width:100%;}
.main-body .record-form :is(input,select,textarea) {min-height:42px;}
@media(max-width:900px) {
 .main-body .records-card,.main-body .staff-list-panel,.main-body .staff-catalog-panel {overflow-x:auto;}
}

/* APG_FUNNEL_FIXED_COLUMNS_20261101 */
/* Director dashboard: align the six stages' count and percentage in fixed columns. */
#dashboard .funnel-panel #funnel-chart > .funnel-step {
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 56px 66px!important;
  column-gap:12px!important;
  justify-content:normal!important;
  align-items:center!important;
}
#dashboard .funnel-panel #funnel-chart > .funnel-step > span:first-child {
  grid-column:1;
  min-width:0;
  text-align:left;
}
#dashboard .funnel-panel #funnel-chart > .funnel-step > strong:nth-child(2) {
  grid-column:2;
  display:block;
  width:100%;
  justify-self:end;
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
#dashboard .funnel-panel #funnel-chart > .funnel-step > span:last-child {
  grid-column:3;
  display:block;
  width:100%;
  justify-self:end;
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}
@media(max-width:420px) {
  #dashboard .funnel-panel #funnel-chart > .funnel-step {
    grid-template-columns:minmax(0, 1fr) 40px 54px!important;
    column-gap:6px!important;
  }
}

/* APG_HEADER_CLEAN_PERIOD_20261101 — period controls moved from header to dashboard. */
#dashboard .crm-period-history .apg-dashboard-period-controls{
 display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;
}
#dashboard .crm-period-history .apg-dashboard-period-select{
 display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
 color:#122e4b;font-size:16px;font-weight:750;
}
#dashboard .crm-period-history .apg-dashboard-period-select select{
 height:34px;min-width:110px;padding:4px 8px;
 border:1px solid #9fb5cb;border-radius:7px;
 background:#fff;color:#102c46;font-size:16px;
}
#dashboard .crm-period-history .custom-period[hidden]{display:none!important}
#dashboard .crm-period-history .custom-period{
 display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;
}
#dashboard .crm-period-history .custom-period label{
 display:inline-flex;align-items:center;gap:5px;color:#102c46;
 font-size:16px;font-weight:750;
}
#dashboard .crm-period-history .custom-period input{
 height:34px;max-width:150px;padding:4px 6px;border-radius:7px;
 border:1px solid #9fb5cb;background:white;color:#102c46;font-size:16px;
}
#dashboard .crm-period-history .custom-period button{
 min-height:34px!important;height:34px!important;
}
@media(max-width:600px){
 #dashboard .crm-period-history .apg-dashboard-period-controls{width:100%;}
 #dashboard .crm-period-history .custom-period input{max-width:134px;}
}

/* APG_SIDEBAR_BRAND_LEFT_20261102 — show full brand without changing sidebar width or navigation. */
@media (min-width:721px){
  body > .app > .sidebar > .logo{
    margin-left:-12px!important;
    width:calc(100% + 12px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body > .app > .sidebar > .logo strong{
    font-size:16px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    max-width:100%!important;
  }
  body > .app > .sidebar > .logo span{
    overflow-wrap:anywhere;
  }
}
@media (min-width:721px) and (max-width:1300px){
  body > .app > .sidebar > .logo strong{font-size:15px!important}
}



/* ART PROF GROUP CRM — neutral grey canvas / black navigation text.
   05.11.2026. Visual-only: preserves layout, roles, data, button actions,
   colored progress/status badges, burgundy section banners and white cards. */
:root {
 --apg-neutral-canvas:#e7e9ed;
 --apg-neutral-sidebar:#d2d6dc;
 --apg-neutral-topbar:#cfd4da;
 --apg-neutral-surface:#f4f5f7;
 --apg-neutral-nav:#e3e6ea;
 --apg-neutral-hover:#c3c9d0;
 --apg-neutral-selected:#aeb8c3;
 --apg-neutral-border:#8994a1;
 --apg-neutral-ink:#08090b;
}
html,body {
 background:var(--apg-neutral-canvas)!important;
 color:var(--apg-neutral-ink);
}
body > .app,
body .app {
 background:var(--apg-neutral-canvas)!important;
 background-image:none!important;
 color:var(--apg-neutral-ink);
}
body > .app > .main,
body .app > .main,
.app .main-body {
 background:transparent!important;
 color:var(--apg-neutral-ink);
}
body > .app > .sidebar,
body .app > .sidebar,
.app > .sidebar {
 background:var(--apg-neutral-sidebar)!important;
 background-color:var(--apg-neutral-sidebar)!important;
 background-image:none!important;
 color:var(--apg-neutral-ink)!important;
 border-right:1px solid var(--apg-neutral-border)!important;
}
.app .sidebar .logo,
.app .sidebar .logo strong,
.app .sidebar .logo span,
.app .sidebar .sidebar-meta,
.app .sidebar .sidebar-bottom,
.app .sidebar .sidebar-bottom :is(strong,span,p),
.app .sidebar .sky-label,
.app .sidebar .meta-menu,
.app .sidebar .meta-menu span {
 color:var(--apg-neutral-ink)!important;
}
.app .sidebar .logo-icon {
 background:transparent!important;
 color:var(--apg-neutral-ink)!important;
}
.app .sidebar .nav-item,
.app .sidebar .nav-item:not(.active) {
 color:var(--apg-neutral-ink)!important;
 background:var(--apg-neutral-nav)!important;
 border:1px solid #b3bbc3!important;
 box-shadow:none!important;
}
.app .sidebar .nav-item:hover:not(.active),
.app .sidebar .nav-item:focus-visible {
 background:var(--apg-neutral-hover)!important;
 color:var(--apg-neutral-ink)!important;
 border-color:#778492!important;
}
.app .sidebar .nav-item.active,
.app .sidebar .nav-item.active:hover {
 color:var(--apg-neutral-ink)!important;
 background:var(--apg-neutral-selected)!important;
 border-color:#6e7986!important;
 box-shadow:inset 4px 0 #505d69!important;
}
.app .sidebar .nav-icon,
.app .sidebar .nav-item.active .nav-icon,
.app .sidebar .nav-item .nav-icon,
.app .sidebar .nav-item :is(span,strong) {
 color:var(--apg-neutral-ink)!important;
}
.app .sidebar .sidebar-divider {
 border-color:#939ca5!important;
}
.app .sidebar .meta-menu {border-bottom-color:#b1b9c0!important;}
.app .topbar {
 background:var(--apg-neutral-topbar)!important;
 background-image:none!important;
 border-bottom:1px solid #98a2ad!important;
 color:var(--apg-neutral-ink)!important;
 box-shadow:none!important;
}
.app .topbar :is(.topbar-brand,.topbar-brand b,.profile,.mode-picker,.language-picker),
.app .topbar .mode-picker,
.app .topbar .custom-period label,
.app .topbar .toolbar > label,
.app .topbar .toolbar > span,
.app .topbar .profile :is(span,strong) {
 color:var(--apg-neutral-ink)!important;
}
.app .topbar .planet {
 background:#e9ebef!important;
 color:var(--apg-neutral-ink)!important;
}
.app .topbar #logout,
.app .topbar #apg-mail-top {
 color:var(--apg-neutral-ink)!important;
 background:#e7eaee!important;
 border:1px solid #9ca5af!important;
 border-radius:7px!important;
}
.app .topbar #logout:hover,
.app .topbar #apg-mail-top:hover {
 background:#bfc7d0!important;
}
.app .topbar .global-search {
 background:#fff!important;
 border-color:#808a96!important;
 color:var(--apg-neutral-ink)!important;
}
.app .topbar .global-search input,
.app .topbar .global-search input::placeholder {
 color:var(--apg-neutral-ink)!important;
 opacity:1!important;
}
.app .topbar .language-picker select,
.app .topbar .mode-picker select,
.app .topbar .custom-period input {
 background:#fff!important;
 color:var(--apg-neutral-ink)!important;
 border:1px solid #939da7!important;
}
.app .topbar .custom-period button {
 background:var(--apg-neutral-nav)!important;
 color:var(--apg-neutral-ink)!important;
 border:1px solid #939da7!important;
}
.app #page-title {
 background:transparent!important;
 background-image:none!important;
 color:var(--apg-neutral-ink)!important;
}
.app #page-title h1,
.app #page-title :is(.agency-heading,.agency-heading span,.subtitle,.eyebrow),
.app .main-body > h1,
.app .section-top h2,
.app .section-top p,
.app .disclaimer,
.app #period-range-label {
 color:var(--apg-neutral-ink)!important;
}
body.module-view .app #page-title h1{
 color:var(--apg-neutral-ink)!important;
}
/* Only the originally navy funnel panels become grey; green/red
   statuses, burgundy headings, form buttons and charts retain semantics. */
#dashboard .funnel-step,
#dashboard .funnel-step:nth-child(n) {
 background:#d2d7de!important;
 color:var(--apg-neutral-ink)!important;
 border:1px solid #9da7b1!important;
}
#dashboard .funnel-step :is(span,strong) {
 color:var(--apg-neutral-ink)!important;
}
/* Keep visible focus, with no changes to spacing or interactive behavior. */
.app .sidebar .nav-item:focus-visible,
.app .topbar :is(button,select,input):focus-visible {
 outline:2px solid #394957!important;
 outline-offset:2px;
}
@media (max-width:720px) {
 body > .app > .sidebar,
 body .app > .sidebar {
   background:var(--apg-neutral-sidebar)!important;
   background-image:none!important;
 }
}

/* Text entered later also has black placeholders, including modal forms. */
body input::placeholder,body textarea::placeholder{color:#000!important;opacity:1!important}