:root{color-scheme:light;--bg:#061839;--deep:#06142d;--blue:#1763d8;--blue2:#1460d0;--ink:#101a32;--muted:#46546d;--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:10px;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:14px;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:10px;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:10px;color:#d3e4ff;font-weight:400}.sidebar-bottom{margin-top:auto;padding:28px 10px 7px}.sidebar-bottom .small-white{display:block;font-size:10px;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:11px;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:11px;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:12px;color:#f8fbff}.mode-picker select{border:1px solid #637da3;color:#161f30;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:11px}.eyebrow.dark{color:#174fa5;font-size:11px}.main-body h1{margin:0;color:#fff;font-size:32px;line-height:1.2;letter-spacing:-.025em}.subtitle{color:#d1e0fa;font-size:14px;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:14px;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:12px;color:#4f5970;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:#586378;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:11px;color:#526780;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:12px;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:11px;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:12px;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:12px}.recent-head{color:#465b78;font-size:11px;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:#2a3d56;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:11px;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:12px;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:12px;color:#18355d;background:#eff4fc;padding:12px;border-bottom:1px solid #d1dbea}.record-table td{font-size:12px;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:#435c80;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:14px}.nav-item{font-size:12px}.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:12px}.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:10px}.panel-heading h2{font-size:15px}} .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:12px}} /* 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:14px!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:11px!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:14px!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:11px!important;gap:5px!important} #dashboard .recent-head{font-size:10px!important} #dashboard .disclaimer{font-size:11px!important} #dashboard .notice{font-size:12px!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:12px!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:14px!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:11px!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:80%!important} /* One language-specific logout on the right */ .topbar .toolbar{margin-left:auto!important}.topbar #logout{font-size:15px!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:12px;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:12px} .topbar .custom-period button{border:0;border-radius:8px;background:#2682ff;color:white;padding:8px 12px;font-weight:800;font-size:12px} .period-range-label{font-size:12px;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:14.4px!important;white-space:nowrap} .topbar .mode-picker select{font-size:15.6px!important;line-height:1.1!important;height:35px!important;padding:0 9px!important;box-sizing:border-box} .topbar .custom-period label{font-size:14.4px!important;white-space:nowrap} .topbar .custom-period input{font-size:14.4px!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:14.4px!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:14px!important;} #records .form-card .record-form .form-wide {font-size:16px!important;} #records .form-card .record-form .form-wide p {font-size:14px!important;} #records .form-card .record-form label {font-size:15px!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:15px!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:14px!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:15px!important;line-height:1.5;margin:6px 0;color:#344767} #progress .progress-next{font-size:15px!important;line-height:1.5;margin:4px 0 0;color:#1c5d9e} #progress .progress-badge{white-space:nowrap;font-size:14px!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:15px!important;color:#345073;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:15px;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:15px!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:15px!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:14px;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:#345073;font-size:14px} @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:15px;color:#344563} .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:15px;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:15px} @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:12px;font-weight:850;color:#344867; background:#edf4ff;border:1px solid #000;border-radius:7px 7px 0 0; } #dashboard .manager-card .manager-entry{ padding:11px 6px;font-size:14px;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:12px;line-height:1.4;color:#3d5270;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:12px } #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:15px;color:#445671;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:14px;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:#747d88} #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:15px;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:15px;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:15px!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:15px} #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:14px;color:#456386;font-weight:800} #records .contract-form-toolbar button{font-size:15px!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:14px;line-height:1.45;margin:6px 0;color:#355276} #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:14px!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:15px;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:15px;padding:8px 18px} #settings .settings-contracts-hint{font-size:14px;line-height:1.4;color:#435b7e;margin:9px 0 0} #settings #settings-contract-field-editor[hidden],#settings #settings-custom-field-form[hidden]{display:none!important} #settings .settings-contract-explanation{color:#33516f;font-size:15px;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:14px!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:12px;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:14px;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:15px;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:14px!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:15px!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:14px!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:11px!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:14px!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 */ #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:14px;color:#385678;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:15px;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:15px;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:15px} #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:14px} #settings #geo-result{margin-top:7px;font-size:14px} #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:15px;color:#123456} #records #contract-fields .client-match:focus,#records #contract-fields .client-match:hover{background:#e7f0ff} #records #contract-fields .client-match small{font-size:12px;color:#58718c} #records #contract-fields .client-no-matches{padding:9px;font-size:14px;color:#4f6580} #records #contract-fields .client-matches-status{font-size:12px;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:14px!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:15px!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:14px;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:12px;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:15px!important;font-weight:700} #records #contract-fields .child-age-item small{font-size:11px;color:#516a86;text-align:center} #records #contract-fields .children-age-help{font-size:12px;line-height:1.35;color:#64809b} @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:15px;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:12px!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:#55718c} #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:14px;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:14px;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:14px;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:#45617d;font-size:12px;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:#536f8f} #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:14px;min-width:0} #records .profile-help{font-size:16px;color:#586f88} #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:12px;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:#5e7695;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:15px;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:#556a83} .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:12px;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:12px;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:#66788c} .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:#555e70} .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:14px;color:#536b85;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:14px} .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:15px;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:14px;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:#536f8b;font-size:16px;overflow-wrap:anywhere} .product-funnel-bottom{font-size:11px;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:#7791ae;font-size:12px} .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:11px;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:#607796;font-size:11px;font-weight:800;margin-bottom:6px} .product-lead-field strong{font-size:14px;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:11px;color:#7a89a1} .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:11px;color:#657b9c;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:11px;font-weight:850;color:#4070a0} .product-chat-bubble p{font-size:14px;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:10px;color:#7089a2} .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:#496582;font-size:11px;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:14px;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:12px;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:14px!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:14px!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:14px!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:14px!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:14px!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:14px!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:15px!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:12px!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:15px!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:10px;color:#175bab;font-weight:900;letter-spacing:.13em} #records .profile-subline{font-size:12px;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:12px;color:#243951;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:15px;margin:0} #records .profile-transaction-panel .panel-heading span{font-size:12px;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:12px} #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:14px} #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:12px} #records .profile-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-bottom:12px} #records .profile-edit-grid label{font-size:12px;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:12px;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:12px!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:12px!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:15px!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:12px;margin:0;color:#263b53} #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:12px;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:11px;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:14px;font-weight:850;color:#173b65} #records .account-panel-title span{font-size:12px;color:#1b334d} #records .account-panel-title b{font-size:16px;color:#0c4177} #records .account-due{font-size:14px;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:11px;color:#182f47} #records .account-payment-table th{background:#f1f5fb;border-right:1px solid #d5dfeb;border-bottom:1px solid #bac9db; font-size:10.5px;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:11px 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:11px} #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:#3a485b} #records .account-payment-table tfoot td{padding:5px 8px;background:#eef4fd;font-weight:900;font-size:11px;color:#1a3e63;border-top:1px solid #b9c9dc} #records .account-actions{white-space:normal} #records .account-actions button{font-size:10px;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:#465873;font-style:italic} #records .account-ledger-note{margin:5px 0 8px;color:#1c405f;font-size:11px} #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:11.5px} #records .profile-edit-grid{gap:6px;padding-bottom:7px;grid-template-columns:repeat(5,minmax(0,1fr))} #records .profile-edit-grid label{font-size:11.5px;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:12px} #records .account-payment-table th{font-size:11.5px} #records .account-payment-table .account-input-row input, #records .account-payment-table .account-input-row select{font-size:12px;height:29px} #records .account-actions button{font-size:11px} /* 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:12px!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:15px!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:15px!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:12px!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:14px!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:#3d3d3d!important; } #records #contract-profile .profile-balance.profile-balance-compact b { color:#222!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:14px!important; letter-spacing:.01em; } #records #contract-profile .account-payment-table { background:#fff!important; color:#222!important; } #records #contract-profile .account-payment-table thead th { background:#fff!important; color:#222!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:#272727!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:#222!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:#202020!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:#252525!important; font-weight:850!important; } #records #contract-profile .account-empty {color:#777!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:#2a2a2a!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:#242424!important; background:#fff!important; border-bottom:1px dotted #cecece!important; } #records #contract-profile .profile-help, #records #contract-profile .profile-edit-grid label { color:#494949!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:12px;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:14px!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:12px;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:11px;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:12px; 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:11px;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:12px; } #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:11.5px;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:11px;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:12px;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:12px!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:12px;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:12px;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:12px;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:12px; } #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:12px;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:12px;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:15px!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:12.5px!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:12.5px!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:12.5px!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:12.5px!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:12px!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:14px!important; } #records #contract-profile .contract-activity-title span{padding:5px 12px;font-size:12px;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:12.5px!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:12.5px!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:11.5px!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:12px!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:12px!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:12px!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:12px;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:11px!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:11px!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:12px;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:12px;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:11px;font-weight:700;color:#000!important; margin-bottom:4px; } #records #client-profile .client-card-fields strong{ display:block;font-size:14px;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:14px; 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:12px; } #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:11px; 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:12px;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:11.5px;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:14px;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:14px;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:12px;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:14px;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:12px;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:12px!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:11px;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:12px;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:11px;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:12px;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:12px;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:12px;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:11px} .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:11px;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:12px;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:15px;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:14px;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:12px;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:15px!important; line-height:1.42!important; } #records .tourism-inbox .tourism-filter-row, #records .tourism-inbox .tourism-filter-row label{ font-size:15px!important; line-height:1.4!important; } #records .tourism-inbox .tourism-filter-row select{ font-size:14px!important; min-height:36px; } #records .tourism-inbox .tourism-action, .tourism-lead-dialog .tourism-action{ font-size:14px!important; line-height:1.32!important; white-space:normal!important; } #records .tourism-inbox .tourism-status{ font-size:14px!important; line-height:1.3!important; } #records .tourism-inbox .tourism-assigned, #records .tourism-inbox .tourism-locked{ font-size:13px!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:14px!important;min-height:47px} } @media(max-width:720px){ .app .sidebar .nav-item{ font-size:14px!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:13px;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:13px;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:15px;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:14px} #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:14px} #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}