/* Desktop and tablet presentation; mobile remains owned by existing styles. */
@media(min-width:768px){
body.itp-shell-ready{--itp-sidebar-width:264px;--itp-shell-content-offset:280px;--itp-bg:#f3f6fb;color:#243b53!important;background:#f3f6fb!important;font-size:14px}
body.itp-shell-ready.itp-sidebar-collapsed{--itp-shell-content-offset:0px}
html body.itp-shell-ready:not(.itp-legacy-layout) .page-wrapper{margin:0!important;margin-inline-start:var(--itp-shell-content-offset)!important;width:calc(100% - var(--itp-shell-content-offset))!important;max-width:none!important;min-width:0!important;padding:138px 0 28px!important;box-sizing:border-box!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .page-body{width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;box-sizing:border-box!important;min-width:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-shell-topbar{right:var(--itp-shell-content-offset)!important;left:0!important;width:auto!important;min-height:72px!important;height:72px!important;display:flex!important;align-items:center!important;gap:18px!important;padding:12px 22px!important;box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e0e8f1!important;box-shadow:0 2px 12px #18365305!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-topbar-center{flex:1!important;min-width:120px!important;width:auto!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-topbar-right{flex:0 1 auto!important;min-width:0!important;max-width:270px}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-topbar-left{flex:0 0 auto!important;gap:8px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-topbar-search{width:100%!important;max-width:700px!important;height:44px!important;border-radius:12px!important;background:#f5f8fc!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-topbar-search input{font-size:13px!important;min-height:42px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-topbar-date{max-width:100%;font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar{position:fixed!important;top:72px!important;left:0!important;right:var(--itp-shell-content-offset)!important;width:auto!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;padding:8px 18px!important;background:#fff!important;border-bottom:1px solid #e0e8f1!important;box-shadow:none!important;box-sizing:border-box!important;z-index:840000!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar>.container-fluid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;padding:0!important;width:100%!important;min-width:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar .breadcrumb{flex:0 1 auto;max-width:34%;margin:0!important;white-space:nowrap;font-size:12px;overflow:hidden}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar .navbar-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0;overflow-x:auto;max-width:100%;margin:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar .navbar-nav .nav-item{flex:0 0 auto}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar .navbar-nav .btn{width:auto!important;min-width:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:8px!important;white-space:nowrap;font-size:12px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar .navbar-nav .btn>span{display:inline!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .secondary-bar form[role=search]{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-mobile-tools{display:contents!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-mobile-tools>summary{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-mobile-tools:not([open])>.navbar-nav{display:flex!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .card{border:1px solid #dfe7f1!important;border-radius:14px!important;box-shadow:0 3px 14px #17334f04!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .card-header{padding:14px 16px!important;gap:10px;min-height:54px;border-bottom-color:#e7edf5!important;background:#fafcfe}
html body.itp-shell-ready:not(.itp-legacy-layout) .card-title{color:#264767;line-height:1.7}
html body.itp-shell-ready:not(.itp-legacy-layout) .form-control,html body.itp-shell-ready:not(.itp-legacy-layout) .form-select{min-height:42px!important;border-radius:9px!important;border-color:#cfdce9!important;font-size:14px!important;color:#243b53;background:#fff}
html body.itp-shell-ready:not(.itp-legacy-layout) .col-form-label{font-size:13px;line-height:1.8;color:#46617a}
html body.itp-shell-ready:not(.itp-legacy-layout) .select2-container{max-width:100%!important;min-width:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .select2-selection{min-height:42px!important;border-radius:9px!important;border-color:#cfdce9!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .select2-selection--single .select2-selection__rendered{line-height:40px!important;font-size:14px!important;color:#243b53!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .btn{border-radius:9px;min-height:38px;font-size:13px}
html body.itp-shell-ready:not(.itp-legacy-layout) .btn-primary{background:#1767df!important;border-color:#1767df!important;color:#fff!important}
html body.itp-shell-ready:not(.itp-legacy-layout) :is(.dropdown-item,.nav-link,.accordion-button,.btn-ghost-secondary,.btn-outline-secondary):is(:hover,:focus,:active,.active){color:#194672!important;background:#e8f1fc!important}
html body.itp-shell-ready:not(.itp-legacy-layout) :is(.dropdown-item,.nav-link,.accordion-button,.btn-ghost-secondary,.btn-outline-secondary):is(:hover,:focus,:active,.active)>:is(span,i){color:inherit!important}
html body.itp-shell-ready:not(.itp-legacy-layout) :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid #92b9f0!important;outline-offset:2px}
html body.itp-shell-ready:not(.itp-legacy-layout) .dropdown-menu{border-radius:12px!important;border:1px solid #dce6f0!important;box-shadow:0 12px 32px #1534541c!important;padding:7px;max-width:calc(100vw - 32px)}
html body.itp-shell-ready:not(.itp-legacy-layout) .dropdown-item{min-height:38px;padding:8px 12px;border-radius:7px;font-size:13px;white-space:normal}
html body.itp-shell-ready:not(.itp-legacy-layout) .modal-dialog{max-width:min(920px,calc(100vw - 48px))!important;margin:28px auto!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .modal-content{border:1px solid #dae5ef;border-radius:16px!important;box-shadow:0 24px 80px #19345035}
html body.itp-shell-ready:not(.itp-legacy-layout) .modal-body{padding:20px;max-height:calc(100dvh - 190px);overflow:auto}
html body.itp-shell-ready:not(.itp-legacy-layout) .nav-tabs{gap:5px;padding:7px;background:#edf3fa;border-radius:12px;margin-bottom:8px}
html body.itp-shell-ready:not(.itp-legacy-layout) .nav-tabs .nav-link{padding:10px 14px!important;border-radius:9px!important;font-size:13px;color:#516b85}
html body.itp-shell-ready:not(.itp-legacy-layout) .nav-tabs .nav-link.active{background:#fff!important;color:#1555aa!important;box-shadow:0 2px 8px #153b640c}
/* Tables remain tables on tablets; scrolling belongs to their container. */
html body.itp-shell-ready:not(.itp-legacy-layout) .table-responsive:has(table.search-results),html body.itp-shell-ready:not(.itp-legacy-layout) .itp-table-wrap:has(table.search-results){overflow-x:auto!important;max-width:100%!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results{display:table!important;width:100%!important;min-width:900px!important;border-collapse:collapse!important;table-layout:auto!important;background:#fff!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results thead{display:table-header-group!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:normal!important;margin:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results tbody{display:table-row-group!important;width:auto!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results tr{display:table-row!important;width:auto!important;padding:0!important;margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results :is(th,td){display:table-cell!important;width:auto!important;min-width:0!important;max-width:none!important;padding:12px!important;vertical-align:top!important;text-align:right!important;font-size:13px!important;line-height:1.85!important;border-bottom:1px solid #e5ecf3!important;overflow-wrap:normal!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results td::before{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results th{background:#edf3fa!important;color:#355675;font-size:12px!important;font-weight:700;white-space:nowrap!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results tbody tr:nth-child(even){background:#f8fafd!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results tbody tr:hover{background:#edf5ff!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results td a{min-height:0!important;display:inline!important;color:#1756a6}
html body.itp-shell-ready:not(.itp-legacy-layout) table.search-results td.itp-ticket-more{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .search-header{height:auto!important;max-height:none!important;display:flex!important;flex-wrap:wrap!important;padding:12px 16px!important;overflow:visible!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .search-controls{flex-wrap:wrap!important;gap:6px!important}
/* Static dashboards use natural grid flow, without fixed coordinates colliding. */
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack.grid-stack-static{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;height:auto!important;min-height:0!important;padding:4px!important;max-width:100%!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static>.grid-stack-item{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:112px!important;grid-column:span 1!important;margin:0!important;padding:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static>.grid-stack-item:has(.card:not(.big-number)){grid-column:span 2!important;min-height:300px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static>.grid-stack-item>.grid-stack-item-content{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:inherit!important;padding:0!important;margin:0!important;overflow:hidden!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .card.big-number{height:112px!important;min-height:112px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:16px!important;background:#fff!important;color:#254968!important;border:1px solid #dce6f1!important;border-right:4px solid #279cad!important;box-sizing:border-box!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .content{display:block!important;width:auto!important;height:auto!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .formatted-number,html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .number{font-size:27px!important;line-height:1.3!important;font-weight:750}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .suffix{font-size:16px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .label{position:static!important;font-size:12px!important;line-height:1.9!important;white-space:normal!important;text-align:right!important;width:100%!important;margin-top:8px!important;color:#516c83!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .big-number .main-icon{left:14px!important;right:auto!important;top:16px!important;font-size:26px!important;opacity:.18!important;color:#267896!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .card:not(.big-number){min-height:300px!important;height:100%!important;border-radius:14px!important;overflow:hidden;background:#fff!important;color:#294a67!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static .card .card-header{font-size:13px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .navigationheader{padding:14px 18px;margin-bottom:14px;background:#fff;border:1px solid #dfe7f1;border-radius:14px;gap:16px}
html body.itp-shell-ready:not(.itp-legacy-layout) .navigationheader-title{font-size:18px!important;line-height:1.8!important;min-width:0!important;white-space:normal!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content{border-radius:14px!important;border:1px solid #dce6ef!important;box-shadow:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content .rich_text_container{font-size:14px!important;line-height:2!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content .rich_text_container img{max-width:100%;height:auto}
html body.itp-shell-ready:not(.itp-legacy-layout) #itil-data .accordion-button{font-size:13px!important;line-height:1.8!important;padding:14px!important;min-height:48px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itil-footer{right:var(--itp-shell-content-offset)!important;left:0!important;width:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;border-top:1px solid #dce6ef!important;background:#fff!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .page-body:has(#itil-footer){padding-bottom:110px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .plugin_formcreator_form{max-width:1080px;margin-inline:auto}
html body.itp-shell-ready:not(.itp-legacy-layout) .plugin_formcreator_form .form-group{margin-bottom:16px}
}
@media(min-width:768px) and (max-width:1199px){
body.itp-shell-ready{--itp-shell-content-offset:0px!important;--itp-sidebar-width:300px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-shell-sidebar{width:min(86vw,320px)!important;transform:translateX(105%)!important;visibility:hidden!important;z-index:900003!important;height:100dvh!important;transition:transform .2s ease}
html body.itp-shell-ready:not(.itp-legacy-layout).itp-sidebar-open #itp-shell-sidebar{transform:translateX(0)!important;visibility:visible!important}
html body.itp-shell-ready:not(.itp-legacy-layout).itp-sidebar-open{overflow:hidden!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-sidebar-toggle{position:fixed!important;top:14px!important;right:14px!important;left:auto!important;width:44px!important;height:44px!important;z-index:900004!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-sidebar-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:#10243e66!important;border:0!important;z-index:900002!important}
html body.itp-shell-ready:not(.itp-legacy-layout).itp-sidebar-open #itp-sidebar-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-shell-topbar{padding-right:74px!important;gap:12px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-topbar-right{max-width:180px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-topbar-date{font-size:11px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-search-key{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack.grid-stack-static{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .grid-stack-static>.grid-stack-item:has(.card:not(.big-number)){grid-column:span 2!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .page-body{padding:16px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .card-tabs.vertical{display:block!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #tabspanel{min-width:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #tabspanel .nav-item{flex:0 0 auto}
html body.itp-shell-ready:not(.itp-legacy-layout) #tabspanel-select{display:none!important}
}
@media(min-width:1200px){
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-shell-sidebar{width:264px!important;background:linear-gradient(180deg,#143354,#11273f)!important;box-shadow:-4px 0 20px #16344f0d!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-menu-button,html body.itp-shell-ready:not(.itp-legacy-layout) .itp-menu-link{min-height:44px!important;border-radius:9px!important;font-size:13px!important}
}

@media(min-width:768px){
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard-card,html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard-card>.card-body,html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .grid-stack.grid-stack-static{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .grid-stack-static>.grid-stack-item{min-height:96px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .card.big-number{height:96px!important;min-height:96px!important;padding:12px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .big-number .formatted-number,html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .big-number .number{font-size:23px!important}
}
@media(min-width:768px) and (max-width:991px){html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .grid-stack.grid-stack-static{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

@media(min-width:768px){
html body.itp-shell-ready:not(.itp-legacy-layout) table.itp-ticket-cards{min-width:1550px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.itp-ticket-cards td[data-ticket-field="1"]{min-width:220px!important;width:220px!important;white-space:normal!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.itp-ticket-cards td[data-ticket-field="21"]{min-width:300px!important;width:300px!important;white-space:normal!important;overflow-wrap:break-word!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.itp-ticket-cards td[data-ticket-field="4"]{min-width:160px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) table.itp-ticket-cards td[data-ticket-field="12"]{min-width:160px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .dashboard.mini .grid-stack{margin-top:54px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-ticket-intro{padding:14px 16px!important;box-sizing:border-box;min-width:0}
html body.itp-shell-ready:not(.itp-legacy-layout) .card-tabs .tab-content{min-width:0!important;max-width:100%!important}
}

@media(min-width:768px) and (max-width:1199px){
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-sidebar-toggle{background:#1767df!important;border:0!important;border-radius:12px!important;color:#fff!important;font-size:22px!important;box-shadow:0 4px 12px #1767df25!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-sidebar-toggle .itp-sidebar-toggle-icon{color:#fff!important;font-size:22px!important}
}
@media(min-width:768px){
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-message-meta{display:flex!important;flex-direction:column;gap:4px;font-size:12px;color:#648098;line-height:1.8;flex:1;min-width:0}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-message-meta strong{color:#284c6b;font-size:13px}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-message-meta span{align-self:flex-start}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-header:has(.itp-message-meta)>.creator{display:none!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-header{gap:10px;margin-bottom:12px;align-items:flex-start}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content{background:#fff!important;color:#294a66!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .ITILContent .timeline-content{background:#f1fafb!important;border-right:4px solid #2198a5!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content .read-only-content>.card-title{background:transparent!important;border-bottom:1px solid #dce9ef!important;margin:0 0 14px!important;padding:0 0 12px!important;font-size:15px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-item>.row>.col-auto .avatar{width:38px!important;height:38px!important;font-size:13px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .timeline-content .rich_text_container{overflow-wrap:anywhere}
html body.itp-shell-ready:not(.itp-legacy-layout) #itil-data .form-field{margin-bottom:14px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) #itil-footer .btn-primary:is(:hover,:focus,:active){background:#1453bf!important;color:#fff!important}
}
@media(min-width:768px) and (max-width:991px){
html body.itp-shell-ready:not(.itp-legacy-layout) .itil-left-side{width:100%!important;order:0!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itil-right-side{width:100%!important;order:1!important}
}

html.itp-embedded :is(#itp-shell-topbar,#itp-shell-sidebar,#itp-sidebar-toggle,#itp-sidebar-overlay,header.topbar,.navbar-vertical,.secondary-bar){display:none!important}
html.itp-embedded body .page-wrapper{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important}
html.itp-embedded body .page-body{margin:0!important;padding:12px!important;width:100%!important;max-width:none!important}
html.itp-embedded body{background:#fff!important;overflow:auto!important}
html.itp-embedded body .page{min-height:0!important;margin:0!important}

/* Sidebar controls stay in predictable places; the drawer has its own close button. */
html body.itp-shell-ready #itp-sidebar-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;top:14px!important;left:auto!important;border:1px solid #cbdced!important;background:#eff5fc!important;color:#245079!important;border-radius:11px!important;box-shadow:none!important;transition:right .22s ease,background-color .16s ease!important;transform:none!important}
html body.itp-shell-ready #itp-sidebar-toggle:is(:hover,:focus-visible){background:#dfebfa!important;color:#153f70!important;outline:3px solid #93baf0;outline-offset:2px}
html body.itp-shell-ready #itp-sidebar-toggle .itp-sidebar-toggle-icon{font-size:25px!important;line-height:1!important;color:inherit!important}
#itp-sidebar-close{display:none}
@media(min-width:1200px){
html body.itp-shell-ready #itp-sidebar-toggle{right:calc(var(--itp-shell-content-offset) + 14px)!important}
html body.itp-shell-ready #itp-shell-topbar{padding-right:76px!important}
html body.itp-shell-ready #itp-shell-sidebar{transition:transform .22s ease!important}
html body.itp-shell-ready .page-wrapper,html body.itp-shell-ready #itp-shell-topbar,html body.itp-shell-ready .secondary-bar{transition:width .22s ease,margin-inline-start .22s ease,right .22s ease!important}
}
@media(max-width:1199px){
html body.itp-shell-ready #itp-sidebar-toggle,html body.itp-shell-ready.itp-sidebar-open #itp-sidebar-toggle{right:14px!important;left:auto!important;z-index:900001!important;background:#1767df!important;color:#fff!important}
html body.itp-shell-ready #itp-sidebar-close{display:flex!important;position:absolute;top:18px;left:14px;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:10px;background:#ffffff12;color:#fff;font:30px/1 Arial;cursor:pointer;z-index:2}
html body.itp-shell-ready #itp-sidebar-close:is(:hover,:focus-visible){background:#ffffff28;outline:3px solid #a8caff;outline-offset:2px}
html body.itp-shell-ready .itp-sidebar-brand{padding-left:52px!important}
html body.itp-shell-ready #itp-shell-sidebar{transition:transform .22s ease,visibility .22s!important;overscroll-behavior:contain}
html body.itp-shell-ready #itp-sidebar-overlay{transition:opacity .22s ease,visibility .22s!important}
}
@media(prefers-reduced-motion:reduce){html body.itp-shell-ready :is(#itp-shell-sidebar,#itp-sidebar-overlay,#itp-sidebar-toggle,#itp-shell-topbar,.page-wrapper,.secondary-bar){transition:none!important}}

/* Reserve the toggle's full touch area in the header in every layout. */
@media(min-width:768px){
html body.itp-shell-ready:not(.itp-legacy-layout) #itp-shell-topbar{padding-right:82px!important}
html body.itp-shell-ready:not(.itp-legacy-layout) .itp-topbar-right{min-width:0!important;overflow:hidden!important}
}
@media(max-width:767px){
html body.itp-shell-ready #itp-shell-topbar,html body.itp-shell-ready.itp-sidebar-collapsed #itp-shell-topbar{padding-right:72px!important;padding-left:12px!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:8px!important}
html body.itp-shell-ready .itp-topbar-right{min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body.itp-shell-ready #itp-topbar-date{max-width:100%!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important}
}
