/* JISAIL visual frame. Quote, audit and account components keep their existing hooks. */
:root{--navy:#082e57;--blue:#0a3474;--ink:#142c45;--muted:#758397;--line:#e4eaf1;--pale:#f4f7fb;--canvas:#f4f7fb;--green:#0a3474;--green-dark:#082e57;--theme:#0a3474;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
html{scroll-padding-top:150px}body{color:var(--ink);background:var(--pale)}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #58a9f5;outline-offset:4px}.reference-main{min-height:100svh;background:var(--pale)}
/* The supplied JISAIL logo is a portrait image; this crop preserves its original wordmark. */
.reference-header{height:128px}.reference-topbar{height:46px;max-width:1320px;margin:0 auto;padding:0 40px;font-size:13px;color:#c2ccdc;font-weight:400}.language-switch{gap:5px}.language-switch button{padding:3px;font-size:13px;color:#b4c5d9}.language-switch>span{font-size:13px}.reference-navbar{height:82px;max-width:1360px;margin:auto;padding:0 40px;gap:32px}.reference-logo{display:block;position:relative;flex:none;width:178px;height:42px;background:#fff;overflow:hidden;border-radius:3px}.reference-logo img{position:absolute;width:178px;height:auto;max-width:none;left:0;top:-83px;object-fit:initial;filter:none;opacity:1}.reference-logo .logo-light,.reference-logo .logo-dark{filter:none}.reference-logo .logo-dark{display:none}.reference-navigation{height:82px;gap:32px;margin:0 0 0 auto;justify-content:flex-end}.top-nav-item{height:82px;line-height:82px;padding:0;font-size:15px;color:#dbe4f1;gap:6px;font-weight:400}.top-nav-item.active,.top-nav-item:hover{color:#fff;font-weight:600}.top-nav-item.active:after{bottom:12px;height:2px;width:24px}.nav-count{min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:10px;background:#ffffff1f;color:#dbe4f1;font-size:10px;font-weight:400}.nav-count:empty{display:none}.login-button{width:auto;min-width:104px;max-width:170px;height:40px;padding:0 18px;border:1px solid #ffffff8c;border-radius:24px;background:#ffffff0b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.login-button:hover{background:#ffffff20;color:#fff;border-color:#ffffff8c}.workspace-menu{border-radius:8px;top:calc(100% + 12px);min-width:225px;padding:12px}.workspace-menu:before{top:-16px;height:18px}.workspace-menu button{font-size:13px}.workspace-profile strong{color:#183b63}.workspace-profile small{color:#7d8da0}.reference-mobile-toggle{color:#fff}
.reference-header.is-scrolled,.workbench-mode .reference-header{height:128px;background:#fff;color:var(--ink);box-shadow:0 3px 20px #112f4c0b}.reference-header.is-scrolled .reference-topbar,.workbench-mode .reference-topbar{color:#7c8da2;border-bottom-color:var(--line)}.reference-header.is-scrolled .top-nav-item,.workbench-mode .top-nav-item{color:#5e738b}.reference-header.is-scrolled .top-nav-item.active,.workbench-mode .top-nav-item.active{color:var(--blue)}.reference-header.is-scrolled .nav-count,.workbench-mode .nav-count{background:#edf3fa;color:#6181a4}.reference-header.is-scrolled .logo-light,.workbench-mode .logo-light{display:none}.reference-header.is-scrolled .logo-dark,.workbench-mode .logo-dark{display:block}.reference-header.is-scrolled .login-button,.workbench-mode .login-button{background:var(--blue);color:#fff;border-color:var(--blue)}
/* Night-port homepage, with the operational query controls directly visible. */
.landing-hero{height:100svh;min-height:720px;max-height:1080px;isolation:isolate;background:#062647;overflow:hidden}.landing-backdrop{background-image:url('/assets/e2e417f8a82b4cbe93334cec87c7f3a0.jpg');background-position:center;background-size:cover;z-index:-3;transform:none;filter:none}.landing-mask{background:linear-gradient(180deg,rgba(3,16,42,.62),rgba(2,12,29,.43) 52%,rgba(2,16,39,.55));z-index:-2}.landing-top-shadow{display:none}.landing-content{max-width:1248px;width:100%;height:100%;min-height:inherit;padding:158px 24px 90px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;z-index:1}.landing-context{margin-bottom:30px;text-align:center}.jisail-eyebrow{font-size:11px;font-weight:600;letter-spacing:3.5px;color:#e3ecf7;margin:0 0 19px;line-height:1.5}.landing-context h1{font-size:42px;line-height:1.3;letter-spacing:3px;font-weight:700;-webkit-text-stroke:0;text-shadow:0 2px 24px #0005;margin:0;color:#fff}.landing-company{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:17px}.landing-company>span{font-size:15px;letter-spacing:3px;color:#ecf2f9;font-weight:400;margin:0;text-shadow:none}.landing-company i{width:60px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}
.reference-search-panel{width:100%;max-width:none;margin:0;position:relative}.reference-search-panel .transport-tabs{height:42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;overflow:visible;padding:0;gap:0;border:0}.reference-search-panel .transport-tab{width:100%;height:42px;flex:auto;gap:9px;padding:0 18px;font-size:14px;color:#dce7f4;font-weight:600;opacity:1;border-radius:10px 10px 0 0;background:transparent;border:0}.reference-search-panel .transport-tab:before{content:none!important;display:none!important}.reference-search-panel .transport-tab svg{display:block;width:18px;height:18px;stroke-width:1.7}.reference-search-panel .transport-tab.active{background:#e7eff755;backdrop-filter:blur(12px);color:#fff;font-size:14px}.reference-search-panel .transport-tab:hover{background:#ffffff18}.reference-search-panel .transport-tab.active:hover{background:#e7eff755}.reference-form-panel{padding:14px 20px 15px;min-height:0;background:#e7eff755;backdrop-filter:blur(12px);border-radius:0 10px 10px 10px;box-shadow:0 10px 45px #020e2210}.reference-field-labels{grid-template-columns:1fr 1.04fr;gap:18px;margin:0 64px 10px 0;padding:0;font-size:12px;font-weight:600;line-height:1.4}.reference-field-labels>label:nth-child(2){padding-left:0}.reference-fields-row{height:60px;grid-template-columns:1fr 2px 1fr 64px;padding:0;background:#fff;border-radius:6px}.reference-port-field{height:60px;border-radius:6px}.reference-port-field select,.reference-port-field input{height:60px;font-size:14px;line-height:normal;color:#243f5b;padding-left:52px;padding-right:15px;box-shadow:none}.reference-port-field input::placeholder{font-size:14px;color:#9ca6b5}.reference-port-field.destination-field input{padding-left:60px}.letter-port-icon{font-family:Arial,sans-serif!important;font-size:20px!important;font-weight:800;line-height:1;color:var(--blue);left:24px}.letter-port-icon:before{content:none!important;display:none!important}.destination-field .letter-port-icon{left:32px}.reference-field-divider{height:42px;background:var(--line)}.reference-field-divider>span{box-shadow:0 2px 8px #132b4d1a}.reference-field-divider svg{color:#8591a3;width:16px;height:16px}.reference-submit-wrap{height:60px}.reference-search-panel .search-button{width:54px;height:50px;border:0;background:var(--blue);border-radius:6px;display:flex;justify-content:center;align-items:center}.reference-search-panel .search-button:hover{background:#185397}.reference-search-panel .search-button svg{display:block;width:22px;height:22px;stroke-width:1.8}
.reference-search-panel .query-settings.jisail-query-settings{margin:0;height:auto;min-height:0;color:#fff;overflow:visible;line-height:1.5}.reference-search-panel .query-information{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.25fr 1.7fr;gap:12px;margin:16px 0 0;padding:0;border:0}.reference-search-panel .query-information>label{font-size:11px;font-weight:400;gap:8px;min-width:0;color:#edf3fb;line-height:1.4}.reference-search-panel .query-information select,.reference-search-panel .query-information input{height:38px;border:1px solid #ffffff66;background:#fffffff2;border-radius:5px;color:#2e4b68;font-size:12px;padding:0 10px;min-width:0;width:100%;outline:none}.reference-search-panel .query-information input::placeholder{color:#9ba7b6}.reference-search-panel .query-information select:focus,.reference-search-panel .query-information input:focus{border-color:#82b8eb;box-shadow:0 0 0 2px #82b8eb30}.reference-search-panel .query-information em{font-style:normal;color:#ffe0b7}.reference-search-panel .query-information .query-notes-field{grid-column:auto}.reference-search-panel .search-helper{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:13px 0 0;font-size:10px;line-height:1.7;color:#d3deeb;letter-spacing:.2px}.reference-search-panel .search-helper>span{max-width:none;flex:1}.reference-search-panel .search-helper .reset-button{font-size:11px;color:#edf4fd;flex:none;padding:3px 0;background:none;border:0}.reference-search-panel .query-save-status{color:#dceaf8;background:none;margin:11px 0 0;padding:0;font-size:11px;line-height:1.7}.reference-search-panel .query-save-status.save-error{color:#ffe2b2}.jisail-hero-bottom{position:absolute;left:40px;right:40px;bottom:25px;display:flex;justify-content:space-between;align-items:center;color:#c0d0e4;font-size:10px;letter-spacing:1.5px;gap:20px}.jisail-hero-bottom>span:first-child{font-weight:700;letter-spacing:3px}.jisail-hero-bottom>span:nth-child(2){font-size:11px;letter-spacing:1px}
/* Results and management pages share the same restrained blue and white palette. */
.results-area{padding:28px 40px 35px;max-width:1280px;background:var(--pale)}.results-toolbar{flex-wrap:wrap;gap:15px;padding:22px 24px}.results-toolbar .result-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px!important}.result-actions .outline-button{font-size:11px;gap:7px;white-space:nowrap;min-height:34px;padding:8px 11px}.action-count{min-width:17px;height:17px;background:#edf3fa;color:#6181a4;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding:0 4px}.sort-control{font-size:11px}.sort-control select{max-width:155px;font-size:11px}#results-title,#search-results{scroll-margin-top:150px}.workspace-content{max-width:1280px;padding-left:40px;padding-right:40px}.workspace-content:has(.management-view:not([hidden])){padding-top:156px}.management-view{min-height:calc(100svh - 220px);padding-bottom:35px}.management-heading{margin-top:10px}.management-heading h1{color:var(--ink);font-size:29px}.management-heading p{font-size:12px;color:#7c8da1}.management-filters>label{font-size:11px;color:#657d96}.management-filters input,.management-filters select{font-size:12px;color:#2e4b68;border-color:var(--line);height:38px}.management-summary{gap:15px}.management-summary>div,.management-filters,.management-list{border-color:var(--line)}.management-summary strong{color:var(--blue)}.management-summary span{color:#8595a7}.management-filters>button{height:38px}.record-primary p,.record-secondary p,.history-timezone,.history-notes{color:#7c8fa4}.record-primary h3,.history-record h3{color:#294766}.history-record-top time{color:#758ca5}.entry-record,.history-record{border-bottom-color:var(--line)}.reference-note{margin-top:22px;color:#8496ab}.reference-note p{font-size:11px}.data-notice{background:#edf3fa;border-color:#e0e8f2}.data-notice p{font-size:11px}.data-notice strong{color:#5f7f9f}.data-notice>button{font-size:11px;color:#5c7fa5}.region-filter .filter-label{font-size:11px;color:#8194a8}.chip{font-size:11px}.chip.active{color:var(--blue);background:#e2ebf7}.reference-footer{position:static;height:auto;min-height:72px;padding:24px 40px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px;color:#8b9aab;background:var(--pale);border-top:1px solid var(--line)}.home-mode:not(.has-results) .reference-footer{display:none}.reference-footer .footer-note{font-size:10px;color:#9ba9b7;margin-left:8px}.reference-back-to-top{right:20px;bottom:25px;border-color:#dbe4ef;color:#6f8ba9}.reference-back-to-top:before{content:none!important;display:none!important}.reference-back-to-top svg{display:block;width:20px;height:20px;transform:rotate(-90deg)}.reference-main .connection-status{top:136px;left:40px;right:40px;max-width:1200px;padding:10px 14px;font-size:11px;line-height:1.6;border-radius:6px}.workbench-mode .reference-main .connection-status{position:relative;top:auto;left:auto;right:auto;margin:142px auto -128px;max-width:1200px;z-index:35}.compare-tray{background:#fff;box-shadow:0 10px 35px #0b2e4a1a;border-color:#dbe5ef}.toast{background:var(--blue)}
@media(min-width:1500px){.landing-context h1{font-size:48px}.landing-context{margin-bottom:40px}.landing-content{padding-bottom:120px}}
@media(max-width:1100px){.reference-navbar{gap:23px;padding:0 26px}.reference-topbar{padding:0 26px}.reference-navigation{gap:24px}.top-nav-item{font-size:14px}.nav-count{display:none}.reference-logo{width:150px;height:36px}.reference-logo img{width:150px;top:-70px}.login-button{min-width:90px;padding:0 14px}.landing-context h1{font-size:37px}.landing-company>span{font-size:13px;letter-spacing:2px}.reference-search-panel .query-information{grid-template-columns:1fr 1fr 1.15fr 1.25fr}.reference-search-panel .query-information .query-notes-field{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:0}.reference-search-panel .query-information .query-notes-field input{height:34px}.landing-hero{min-height:760px}.reference-main .connection-status{left:24px;right:24px}.workspace-content,.results-area{padding-left:26px;padding-right:26px}.results-toolbar{padding:19px}.result-actions .outline-button{font-size:10px}.result-actions .sort-control>span{display:none}.jisail-hero-bottom{left:26px;right:26px}}
@media(max-width:820px){.reference-navigation{gap:19px}.reference-navbar{gap:18px}.top-nav-item{font-size:13px}.reference-logo{width:128px;height:31px}.reference-logo img{width:128px;top:-60px}.login-button{min-width:82px;padding:0 12px;font-size:12px}.landing-context h1{font-size:34px;letter-spacing:2px}.landing-company>span{font-size:12px;letter-spacing:1.5px}.landing-context{margin-bottom:28px}.reference-search-panel .transport-tab{font-size:13px}.reference-search-panel .transport-tab.active{font-size:13px}.reference-form-panel{padding-left:16px;padding-right:16px}.reference-port-field select,.reference-port-field input,.reference-port-field input::placeholder{font-size:12px}.reference-search-panel .query-information{gap:12px 10px}.reference-search-panel .query-information>label{font-size:10px}.reference-search-panel .query-information select,.reference-search-panel .query-information input{font-size:11px}.reference-main .connection-status{font-size:10px}.results-toolbar{align-items:flex-start}.results-toolbar>div:first-child{display:flex;align-items:baseline;gap:10px}.results-toolbar .result-actions{justify-content:flex-start;width:100%}}
@media(max-width:700px){html{scroll-padding-top:130px}.reference-header,.reference-header.is-scrolled,.workbench-mode .reference-header{height:111px}.reference-topbar{height:38px;margin:0;padding:0 20px;font-size:11px}.language-switch button,.language-switch>span{font-size:11px}.reference-navbar{height:73px;padding:0 20px;gap:14px;justify-content:flex-start}.reference-logo{width:128px;height:31px}.reference-logo img{width:128px;top:-60px}.reference-navigation{display:none}.reference-user{margin-left:auto}.login-button{min-width:83px;max-width:136px;height:34px;padding:0 13px;font-size:11px}.reference-mobile-toggle{display:flex;width:27px;height:34px;align-items:center;justify-content:center;padding:0;margin:0}.reference-mobile-toggle svg{width:22px;height:22px}.workspace-menu{right:-38px;top:calc(100% + 17px);min-width:220px}.workspace-menu button{font-size:12px}.reference-mobile-nav{padding:29px 20px;width:245px;--sidebar:245px}.reference-mobile-nav .mobile-home{font-size:21px;letter-spacing:2px;margin-bottom:22px}.reference-mobile-nav .nav-item{font-size:13px;color:#647d97;height:42px}.mobile-account-title{font-size:10px;color:#9aa8b8;margin:26px 12px 8px;letter-spacing:1px}.reference-mobile-nav .nav-item.active{color:var(--blue);background:#edf3fa}.landing-hero{height:auto;min-height:max(100svh,790px);max-height:none}.landing-content{height:auto;min-height:inherit;padding:164px 18px 92px;justify-content:center}.landing-context{margin-bottom:27px}.jisail-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:16px}.landing-context h1{font-size:29px;letter-spacing:1px;line-height:1.4}.landing-company{gap:9px;margin-top:14px}.landing-company>span{font-size:11px;letter-spacing:1px;line-height:1.6}.landing-company i{width:28px}.reference-search-panel .transport-tabs{height:41px;max-width:none}.reference-search-panel .transport-tab,.reference-search-panel .transport-tab.active{height:41px;font-size:11px;padding:0 5px;gap:6px;border-radius:8px 8px 0 0}.reference-search-panel .transport-tab svg{width:15px;height:15px}.reference-form-panel{padding:13px 12px 14px;border-radius:0 8px 8px 8px}.reference-field-labels{grid-template-columns:.8fr 1.2fr;gap:10px;font-size:10px;margin:0 48px 9px 0;line-height:1.4}.reference-fields-row{height:54px;grid-template-columns:.8fr 1px 1.2fr 48px}.reference-port-field,.reference-port-field select,.reference-port-field input,.reference-submit-wrap{height:54px}.reference-port-field select,.reference-port-field input{font-size:11px;padding-left:27px;padding-right:4px;line-height:normal}.reference-port-field.destination-field input{padding-left:30px}.reference-port-field input::placeholder{font-size:10px}.letter-port-icon{left:9px;font-size:15px!important}.destination-field .letter-port-icon{left:11px}.reference-field-divider{height:31px;width:1px}.reference-field-divider>span{width:20px;height:20px}.reference-field-divider svg{width:12px;height:12px}.reference-search-panel .search-button{width:40px;height:44px;border-radius:5px}.reference-search-panel .search-button svg{width:18px;height:18px}.reference-search-panel .query-information{grid-template-columns:1fr 1fr;margin:15px 0 0;padding:0;gap:12px 10px}.reference-search-panel .query-information>label{font-size:10px;gap:7px}.reference-search-panel .query-information select,.reference-search-panel .query-information input{font-size:11px;height:36px;padding:0 9px}.reference-search-panel .query-information .query-notes-field{grid-column:1/-1;display:flex;gap:7px}.reference-search-panel .query-information .query-notes-field input{height:36px}.reference-search-panel .search-helper{font-size:9px;padding-top:13px;align-items:flex-start;gap:10px}.reference-search-panel .search-helper>span{max-width:none;line-height:1.8}.reference-search-panel .search-helper .reset-button{font-size:10px;white-space:nowrap;padding:0}.reference-search-panel .query-save-status{font-size:10px;line-height:1.8}.jisail-hero-bottom{left:20px;right:20px;bottom:23px;font-size:9px;letter-spacing:1px;gap:10px}.jisail-hero-bottom>span:nth-child(2){display:none}.reference-main .connection-status{top:117px;left:18px;right:18px;padding:8px 10px;font-size:9px;line-height:1.5}.workbench-mode .reference-main .connection-status{position:relative;left:auto;right:auto;top:auto;margin:121px 18px -108px;font-size:10px}.results-area{padding:21px 18px 28px}.region-filter{padding:0 0 17px}.chip{font-size:10px}.data-notice{padding:11px 12px}.data-notice p{font-size:10px}.data-notice>button{font-size:9px}.data-notice strong{display:block}.results-toolbar{padding:17px 14px;gap:12px}.results-toolbar>div:first-child{align-items:baseline;flex-direction:row;gap:9px}#results-title{font-size:15px}.result-count{font-size:10px}.results-toolbar .result-actions{gap:7px!important;justify-content:flex-start;width:100%}.result-actions .outline-button{padding:7px 8px;font-size:9px;min-height:32px;gap:5px}.result-actions .outline-button svg{width:13px;height:13px}.sort-control{order:4;width:100%;border-top:1px solid #edf1f6;padding-top:7px}.result-actions .sort-control>span{display:inline-block;font-size:10px;margin-right:5px}.sort-control select{font-size:10px;max-width:190px;padding:4px 18px 4px 0}.action-count{height:15px;min-width:15px;line-height:15px;font-size:9px}.reference-note{margin-top:16px}.reference-note p{font-size:9px}.workspace-content{padding-left:18px;padding-right:18px}.workspace-content:has(.management-view:not([hidden])){padding-top:136px}.management-view{padding-bottom:25px}.management-heading{margin-bottom:20px}.management-heading h1{font-size:27px}.management-heading p{font-size:11px}.management-summary{gap:8px}.management-summary>div{padding:16px 12px}.management-summary span{font-size:9px}.management-filters>label{font-size:10px}.management-filters input,.management-filters select{font-size:11px}.management-filters>button{font-size:11px}.reference-footer,.has-results .reference-footer,.workbench-mode .reference-footer{padding:23px 18px;min-height:65px;line-height:1.7;align-content:center;align-items:center;font-size:10px;gap:7px;background:var(--pale)}.reference-footer .footer-note{display:none}.reference-back-to-top{right:16px;bottom:20px;width:38px;height:38px}.reference-back-to-top svg{width:17px;height:17px}#results-title,#search-results{scroll-margin-top:130px}.compare-tray{bottom:12px}.compare-tray .primary-button{font-size:10px}.mobile-account-title{display:block}}
@media(max-width:370px){.reference-navbar{padding-left:18px;padding-right:18px;gap:10px}.reference-logo{width:116px;height:28px}.reference-logo img{width:116px;top:-54px}.login-button{font-size:10px;min-width:76px;padding:0 10px;max-width:112px}.landing-context h1{font-size:25px}.landing-company>span{font-size:9px;letter-spacing:.5px}.landing-company i{width:22px}.reference-search-panel .transport-tab,.reference-search-panel .transport-tab.active{font-size:10px;gap:4px}.reference-search-panel .transport-tab svg{width:13px;height:13px}.reference-field-labels{margin-right:45px}.reference-fields-row{grid-template-columns:.8fr 1px 1.2fr 44px}.reference-search-panel .search-button{width:36px}.result-actions .outline-button{font-size:8px;padding:7px 6px}.action-count{font-size:8px}.reference-main .connection-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Transparent white JISAIL wordmark, with contrast on every header. */
.reference-logo{background:transparent;border-radius:0}
.reference-logo img{width:100%;height:100%;top:0;left:0;object-fit:cover;object-position:center}
.reference-logo .logo-light,.reference-logo .logo-dark{filter:brightness(0) invert(1)}
.reference-header.is-scrolled,.workbench-mode .reference-header{background:#082e57;color:#fff}
.reference-header.is-scrolled .reference-topbar,.workbench-mode .reference-topbar{color:#c2ccdc;border-bottom-color:#ffffff20}
.reference-header.is-scrolled .top-nav-item,.workbench-mode .top-nav-item{color:#dbe4f1}
.reference-header.is-scrolled .top-nav-item.active,.workbench-mode .top-nav-item.active{color:#fff}
.reference-header.is-scrolled .language-switch button,.workbench-mode .language-switch button{color:#c2ccdc}
.reference-header.is-scrolled .language-switch button.active,.workbench-mode .language-switch button.active{color:#fff}
.reference-header.is-scrolled .nav-count,.workbench-mode .nav-count{color:#fff;background:#ffffff1f}
.reference-header.is-scrolled .login-button,.workbench-mode .login-button{background:#ffffff0b;color:#fff;border-color:#ffffff8c}
.reference-header.is-scrolled .reference-mobile-toggle,.workbench-mode .reference-mobile-toggle{color:#fff}

/* Keep the mobile port fields and their explicit grid positions in one layout. */
@media (max-width: 700px) {
  .reference-fields-row {
    grid-template-columns: minmax(0, 1fr) 48px;
    grid-template-rows: 54px 54px;
    gap: 9px 0;
    height: auto;
    padding-top: 0;
    background: transparent;
  }
  .reference-port-field.origin-field {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 0;
  }
  .reference-port-field.destination-field {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }
  .reference-submit-wrap {
    grid-column: 2;
    grid-row: 2;
  }
  .reference-port-field select,
  .reference-port-field input {
    font-size: 16px;
  }
  .reference-port-field input::placeholder {
    font-size: 12px;
  }
  .reference-search-panel .search-button {
    width: 40px;
    height: 44px;
  }
}