/* Web-only layout adaptations. Desktop colors, icons and controls come from Windows CSS. */
[hidden]{display:none!important}.web-gate-card{max-width:460px}.web-source-name{padding:10px 12px;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}.web-gate-status{min-height:20px;display:flex;gap:9px;align-items:center}.web-source-options{justify-content:space-between;flex-wrap:wrap}.web-drive-actions .btn{justify-content:center;height:38px}.web-google-config{max-width:620px;width:calc(100vw - 30px);display:flex;flex-direction:column;gap:14px}.web-google-config .row{flex-wrap:wrap}.web-desktop .work{min-width:0}.web-desktop .main{min-width:0}.web-desktop .titlebar{flex-wrap:wrap;height:auto;min-height:0}.web-desktop .titlebar h2{overflow-wrap:anywhere}.web-desktop .fbox{min-width:0}.web-desktop .navrow>.ib{display:none}.web-desktop .listpane{max-width:42vw}.web-desktop .record-note-view{overflow:auto}.web-desktop .side .foot{white-space:normal}.web-back{display:none}.web-desktop .toolnav{flex-shrink:0}.web-desktop .work>.work{min-width:0}.web-desktop .rt-view table{max-width:100%}
@media(min-width:761px) and (max-width:1150px){.web-desktop .side{min-width:150px}.web-desktop .listpane{width:280px!important}.web-desktop .main{padding:16px}.web-desktop .grid2{grid-template-columns:minmax(0,1fr)}.web-desktop .top-brand-area{min-width:0}.web-desktop .top>.user b{display:none}}
@media(max-width:760px){
 .app.web-desktop{height:100dvh!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:58px minmax(0,1fr) 64px!important;--navigator-width:0px!important}
 .web-desktop>.top{grid-column:1;grid-row:1;min-width:0;gap:8px;padding:0 12px}.web-desktop .top-brand-area{width:auto;min-width:0}.web-desktop .brand-name{font-size:14px}.web-desktop .brand{gap:8px}.web-desktop .mark{width:29px;height:29px}.web-desktop .function-menu-button,.web-desktop .top>.search,.web-desktop .top>.user{display:none!important}.web-desktop .top>.grow{flex:1}
 .web-desktop>.side{grid-column:1!important;grid-row:3!important;position:static!important;width:100%!important;min-width:0!important;display:flex!important;flex-direction:row!important;overflow:hidden!important;padding:6px 10px max(6px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);transform:none!important}
 .web-desktop .side>.navigator-header,.web-desktop .side>.cap,.web-desktop .side>.foot,.web-desktop .splitter,.web-desktop>.bar{display:none!important}.web-desktop .side>.navrow:not([hidden]){flex:1;min-width:0}.web-desktop .side .nav{height:46px;width:100%;justify-content:center;padding:8px}.web-desktop .nav-caption{display:inline!important;flex:none}.web-desktop .nav .cnt{display:none}
 .web-desktop>.work{grid-row:2;grid-column:1;min-width:0;min-height:0;overflow:hidden}.web-desktop .work>.work{height:100%;min-height:0}.web-desktop .customer-note-list{width:100%!important;max-width:none!important;min-width:0!important;flex:1!important;border-right:0}.web-desktop .work>.work>.main{display:none!important}
 .web-desktop.web-detail .customer-note-list{display:none!important}.web-desktop.web-detail .work>.work>.main{display:flex!important;width:100%;flex:1;padding:16px;overflow:auto}.web-desktop .web-back{display:inline-flex;align-self:flex-start;flex:none;margin-bottom:12px}.web-desktop .grid2{grid-template-columns:minmax(0,1fr)}.web-desktop .titlebar{flex:none;display:block;margin-bottom:16px}.web-desktop .titlebar h2{font-size:21px}.web-desktop .main>.col{flex:none!important;min-height:0!important}.web-desktop .record-note-view{min-height:160px;flex:none;max-height:none}.web-desktop .fbox{min-height:42px}.web-desktop .fbox .ib{min-width:36px;min-height:36px}.web-desktop .main .row{flex-wrap:wrap}.web-desktop .lhead{min-height:48px}.web-desktop .items .item{min-height:64px}.web-desktop .main .qr{max-width:120px}.web-google-config{max-height:90dvh;overflow:auto}.web-gate-card{padding:22px;gap:14px}.gate{padding:16px}
}
@media(max-width:760px){.web-desktop .top-brand-area{flex:1;min-width:0;overflow:hidden}.web-desktop .top-brand-area>button{display:none!important}.web-desktop .top .brand{min-width:0}.web-desktop .top .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-desktop .top>.ib[title*="Đổi giao diện"]{display:none!important}.web-desktop .top>.ib{flex:none}.web-desktop .top>.grow{display:none!important}}
@media(max-width:760px){.web-desktop>.top{display:grid!important;grid-template-columns:minmax(0,1fr) 32px 32px;gap:8px}.web-desktop .top-brand-area{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important}.web-desktop .top .top-brand-area .brand{width:100%!important;min-width:0!important}.web-desktop .top .brand-name{font-size:14px}}