﻿/* LOTTO LOLO V11.46 - tableau de bord compact, sans modifier les donnees. */
@media screen {
body.v9-ui #appPage #page-dashboard{min-width:0!important;}
body.v9-ui #appPage #page-dashboard>.page-tabs{margin:0 0 5px!important;padding:2px 4px!important;min-height:0!important;gap:4px!important;}
body.v9-ui #appPage #page-dashboard>.page-tabs .page-tab-btn{min-height:30px!important;height:30px!important;padding:4px 12px!important;border-radius:8px!important;}
body.v9-ui #appPage #page-tab-dashboard-summary>#dashboardPointOfSale{min-height:39px!important;margin:0 0 5px!important;padding:4px 8px!important;gap:6px!important;border-radius:9px!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-copy{min-height:0!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-eyebrow{margin:0!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-copy h2,
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-copy p{display:none!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-actions{gap:5px!important;}
body.v9-ui #appPage #dashboardPointOfSaleToggle{height:28px!important;min-height:28px!important;flex-basis:28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;padding:3px!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-new-sale-btn{height:29px!important;min-height:29px!important;padding:5px 10px!important;}
body.v9-ui #appPage #page-tab-dashboard-summary>.stats{gap:5px!important;margin:0!important;}
body.v9-ui #appPage #page-tab-dashboard-summary>.stats>.stat{min-height:49px!important;height:auto!important;margin:0!important;padding:7px 9px!important;border-radius:9px!important;}
body.v9-ui #appPage #page-tab-dashboard-summary>.stats .stat-label{line-height:1.15!important;overflow-wrap:anywhere;}
body.v9-ui #appPage #page-tab-dashboard-summary>.stats .stat-value{margin-top:3px!important;line-height:1.15!important;}
body.v9-ui #appPage .dashboard-history-card{margin-top:6px!important;margin-bottom:5px!important;padding:7px 9px!important;border-radius:10px!important;}
body.v9-ui #appPage .dashboard-history-head{gap:7px!important;margin-bottom:3px!important;align-items:center!important;}
body.v9-ui #appPage .dashboard-history-title-wrap .section-title{margin:0 0 2px!important;line-height:1.15!important;}
body.v9-ui #appPage .dashboard-history-title-wrap small{line-height:1.2!important;}
body.v9-ui #appPage .dashboard-history-controls,
body.v9-ui #appPage .dashboard-history-custom{gap:5px!important;}
body.v9-ui #appPage .dashboard-history-control{min-width:90px!important;gap:2px!important;}
body.v9-ui #appPage .dashboard-history-control :is(select,input){height:29px!important;min-height:29px!important;padding:3px 6px!important;border-radius:7px!important;}
body.v9-ui #appPage .dashboard-history-range{margin:3px 0 4px!important;line-height:1.1!important;}
body.v9-ui #appPage .dashboard-history-legend{gap:3px 9px!important;margin-bottom:4px!important;line-height:1.15!important;}
body.v9-ui #appPage .dashboard-history-legend-swatch{width:12px!important;height:6px!important;}
body.v9-ui #appPage .dashboard-history-chart{min-height:0!important;max-height:none!important;padding:4px!important;border-radius:8px!important;overflow-x:auto!important;}
body.v9-ui #appPage .dashboard-history-svg{min-width:0!important;width:100%!important;height:auto!important;display:block!important;}
body.v9-ui #appPage .dashboard-history-svg text{font-size:11px!important;}
}
@media (max-width:699px){
body.v9-ui #appPage #page-tab-dashboard-summary>#dashboardPointOfSale{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-copy{min-width:0!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-hero-actions{display:flex!important;width:auto!important;margin:0!important;}
body.v9-ui #appPage #dashboardPointOfSale .dashboard-new-sale-btn{min-width:0!important;}
body.v9-ui #appPage .dashboard-history-head{align-items:stretch!important;gap:6px!important;}
body.v9-ui #appPage .dashboard-history-controls{display:flex!important;flex-wrap:wrap!important;width:100%!important;}
body.v9-ui #appPage .dashboard-history-custom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:1 1 100%!important;}
body.v9-ui #appPage .dashboard-history-control{min-width:0!important;}
body.v9-ui #appPage .dashboard-history-svg{min-width:480px!important;}
}
@media (max-width:390px){body.v9-ui #appPage .dashboard-history-svg{min-width:430px!important;}}

@media screen {
body.v9-ui #appPage #dashboardFilters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:14px!important;margin:0 0 12px!important;}
body.v9-ui #appPage #dashboardFilters .dashboard-history-control{min-width:0!important;display:flex;flex-direction:column;gap:6px!important;}
body.v9-ui #appPage #dashboardFilters .dashboard-history-control>span{font-size:12px;font-weight:600;color:#475569;}
body.v9-ui #appPage #dashboardFilters :is(select,input){width:100%;height:38px!important;min-height:38px!important;padding:7px 10px!important;border:1px solid #cbd5e1;background:#fff;}
body.v9-ui #appPage #dashboardFilters .dashboard-history-custom{grid-column:1/-1;display:flex;gap:12px!important;}
body.v9-ui #appPage #dashboardFilters .dashboard-history-custom.cache{display:none!important;}
body.v9-ui #appPage #dashboardHistoryCard{padding:12px!important;margin-top:12px!important;}
}
@media(max-width:699px){body.v9-ui #appPage #dashboardFilters{grid-template-columns:1fr!important;gap:10px!important;}body.v9-ui #appPage #dashboardFilters .dashboard-history-custom{grid-template-columns:1fr 1fr!important;}}

@media screen {
body.v9-ui #appPage .home-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 20px;}
body.v9-ui #appPage .home-heading.cache{display:none!important;}
body.v9-ui #appPage .home-heading h1{font-size:26px;letter-spacing:-.6px;color:#17233b;margin:4px 0 6px;}
body.v9-ui #appPage .home-heading p{color:#64748b;margin:0;font-size:14px;}
body.v9-ui #appPage .home-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#7c3aed;}
body.v9-ui #appPage .home-primary{background:#2563eb;color:#fff;min-height:40px;padding:10px 16px;border-radius:9px;white-space:nowrap;}
body.v9-ui #appPage .dashboard-admin-home>.page-tabs,body.v9-ui #appPage .dashboard-admin-home #dashboardPointOfSale{display:none!important;}
body.v9-ui #appPage .home-panel{background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:18px;margin:16px 0;min-width:0;}
body.v9-ui #appPage .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
body.v9-ui #appPage .home-section-heading h2{font-size:16px;font-weight:650;color:#17233b;margin:0;}
body.v9-ui #appPage .home-period{font-size:12px;color:#64748b;}
body.v9-ui #appPage .home-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.v9-ui #appPage .home-finance-metric{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #e2e8f0;border-radius:9px;padding:14px;background:#f8fafc;cursor:pointer;text-align:left;}
body.v9-ui #appPage .home-finance-metric span{font-size:12px;color:#64748b;}
body.v9-ui #appPage .home-finance-metric strong{font-size:20px;color:#17233b;overflow-wrap:anywhere;}
body.v9-ui #appPage .home-report-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
body.v9-ui #appPage .home-report-tabs button{background:#f1f5f9;border:1px solid transparent;border-radius:7px;padding:9px 13px;cursor:pointer;color:#475569;font-size:12px;}
body.v9-ui #appPage .home-report-tabs button.active{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe;font-weight:600;}
body.v9-ui #appPage .home-text-button{background:none;border:0;color:#2563eb;padding:6px 0;cursor:pointer;font-size:12px;}
body.v9-ui #appPage .home-table-wrap{overflow-x:auto;}
body.v9-ui #appPage .home-table-wrap table{width:100%;min-width:560px;}
body.v9-ui #appPage .home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body.v9-ui #appPage .home-action{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:15px;cursor:pointer;color:#17233b;min-width:0;}
body.v9-ui #appPage .home-action:hover,body.v9-ui #appPage .home-finance-metric:hover{border-color:#a78bfa;background:#faf8ff;}
body.v9-ui #appPage .home-action-icon{display:grid;place-items:center;background:#f1edff;color:#7c3aed;border-radius:8px;width:36px;height:36px;flex-shrink:0;}
body.v9-ui #appPage .home-action strong{display:block;font-size:13px;margin-bottom:5px;}
body.v9-ui #appPage .home-action small{display:block;color:#64748b;font-size:11px;line-height:1.5;}
body.v9-ui #appPage .home-action-arrow{margin-left:auto;color:#94a3b8;}
body.v9-ui #appPage .home-finance-lines{max-width:650px;}
body.v9-ui #appPage .home-finance-lines>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e2e8f0;}
body.v9-ui #appPage :is(.home-action,.home-finance-metric,.home-report-tabs button,.home-text-button):focus-visible{outline:3px solid #a78bfa;outline-offset:3px;}
}
@media(max-width:900px){body.v9-ui #appPage .home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));}body.v9-ui #appPage .home-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:699px){body.v9-ui #appPage .home-heading{align-items:flex-start;flex-direction:column;}body.v9-ui #appPage .home-panel{padding:14px;}body.v9-ui #appPage .home-action-grid{grid-template-columns:1fr;}body.v9-ui #appPage .home-finance-metric strong{font-size:17px;}}

@media screen {
body.v9-ui #appPage #dashboardAdminHeader h1{font-size:26px!important;font-weight:700!important;line-height:1.2!important;}
body.v9-ui #appPage #dashboardAdminHeader .home-eyebrow{font-size:10px!important;}
body.v9-ui #appPage #dashboardAdminHeader .home-primary{width:auto!important;min-width:145px!important;max-width:none!important;height:42px!important;min-height:42px!important;padding:10px 16px!important;display:inline-flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;}
body.v9-ui #appPage #page-dashboard.dashboard-admin-home #page-tab-dashboard-summary>#dashboardPointOfSale{display:none!important;}
body.v9-ui #appPage #dashboardAdminHome .home-section-heading h2{font-size:16px!important;font-weight:650!important;}
body.v9-ui #appPage #dashboardAdminHome .home-finance-metric strong{font-size:20px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-action strong{font-weight:600!important;}
}
@media screen {
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHeader h1{font-size:26px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.6px!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHeader .home-eyebrow{font-size:10px!important;font-weight:700!important;letter-spacing:1.5px!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-section-heading h2{font-size:16px!important;font-weight:600!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-finance-metric strong{font-size:20px!important;font-weight:600!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-action small{font-size:11px!important;line-height:1.5!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-finance-metric span,html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-period{font-size:12px!important;}
}
@media(max-width:699px){html body.v9-ui #appPage#appPage#appPage #dashboardAdminHome .home-finance-metric strong{font-size:17px!important;}}

@media screen {
body.v9-ui #appPage #dashboardHistoryLegend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px!important;margin:12px 0 2px!important;padding:0 8px;}
body.v9-ui #appPage #dashboardHistoryLegend .dashboard-history-legend-item{display:inline-flex;align-items:center;gap:6px;}
body.v9-ui #appPage #dashboardHistoryLegend .dashboard-history-legend-swatch{display:inline-block;flex-shrink:0;width:18px!important;height:3px!important;border-radius:2px;}
}

@media screen {
body.v9-ui #appPage #dashboardFilters{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;align-items:end;}
body.v9-ui #appPage #dashboardSearchButton{width:auto!important;min-width:125px!important;max-width:none!important;height:38px!important;padding:8px 14px!important;background:#2563eb;color:#fff;display:flex!important;align-items:center;justify-content:center;gap:8px;border-radius:7px;}
body.v9-ui #appPage #dashboardSearchButton:disabled{opacity:.6;cursor:wait;}
body.v9-ui #appPage .dashboard-search-feedback{display:flex;align-items:center;gap:12px;color:#64748b;margin:0 0 10px;min-height:18px;}
body.v9-ui #appPage #dashboardSearchLoading:not([hidden]){display:inline-flex;align-items:center;gap:7px;color:#2563eb;}
.dashboard-search-spinner{width:14px;height:14px;display:inline-block;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:dashboard-search-spin .7s linear infinite;}
}
@keyframes dashboard-search-spin{to{transform:rotate(360deg);}}
@media(max-width:699px){body.v9-ui #appPage #dashboardFilters{grid-template-columns:1fr!important;}body.v9-ui #appPage #dashboardSearchButton{width:100%!important;}body.v9-ui #appPage .dashboard-search-feedback{flex-wrap:wrap;}}
/* Keep native filter popups readable with either operating-system theme. */
body.v9-ui #appPage #dashboardFilters select,
body.v9-ui #appPage #dashboardFilters select option,
body.v9-ui #appPage #dashboardFilters select optgroup {
    color-scheme: light !important;
    background-color: #ffffff !important;
    color: #17233b !important;
    -webkit-text-fill-color: #17233b !important;
}
/* Keep connection status centered at the bottom of the viewport. */
@media screen {
html body.v9-ui:has(#page-dashboard:not(.cache)) #appNetworkStatus.network-speed-footer-v941 {
    position: fixed !important;
    inset: auto auto 6px 50% !important;
    transform: translateX(-50%) !important;
    width: max-content !important;
    max-width: calc(100vw - 16px) !important;
    margin: 0 !important;
    z-index: 1000 !important;
}
html body.v9-ui #appPage #dashboardHistoryLegend {
    padding: 8px 12px !important;
    gap: 10px 20px !important;
    line-height: 1.5 !important;
}
}

.dashboard-section-loading{padding:8px 12px;color:#64748b;grid-column:1/-1;font-size:12px;}
body.v9-ui #appPage #dashboardFilters[hidden],
body.v9-ui #appPage #dashboardSummaryStats[hidden],
body.v9-ui #appPage #dashboardHistoryCard[hidden],
body.v9-ui #appPage .dashboard-search-feedback[hidden] { display: none !important; }

/* Compact dashboard, uniform typography. */
@media screen {
html body.v9-ui #appPage#appPage#appPage #page-dashboard :is(h1,h2,h3,h4,p,span,strong,b,small,label,th,td,button,a,input,select,option,text,div):not(.fas):not(.far):not(.fa) {font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.3!important;letter-spacing:0!important;}
body.v9-ui #appPage #dashboardAdminHeader{margin:4px 0 8px!important;gap:8px!important;}
body.v9-ui #appPage #dashboardAdminHeader h1{margin:2px 0!important;}
body.v9-ui #appPage #dashboardFilters{padding:8px!important;margin:0 0 6px!important;gap:8px!important;border-radius:8px!important;}
body.v9-ui #appPage #dashboardFilters .dashboard-history-control{gap:3px!important;}
body.v9-ui #appPage #dashboardFilters :is(input,select){height:32px!important;min-height:32px!important;padding:4px 8px!important;}
body.v9-ui #appPage #dashboardSearchButton{height:32px!important;min-height:32px!important;padding:5px 10px!important;}
body.v9-ui #appPage .dashboard-search-feedback{margin:0 0 5px!important;min-height:0!important;}
body.v9-ui #appPage .dashboard-search-feedback:has(#dashboardSearchStatus:empty):has(#dashboardSearchLoading[hidden]){display:none!important;}
body.v9-ui #appPage #dashboardHistoryCard{padding:7px!important;margin:6px 0!important;}
body.v9-ui #appPage #dashboardHistoryLegend{margin:0 0 5px!important;padding:2px 4px!important;gap:5px 12px!important;}
body.v9-ui #appPage #dashboardHistoryChart{padding:4px!important;}
body.v9-ui #appPage #dashboardHistoryChart .dashboard-history-svg{min-width:0!important;width:100%!important;height:180px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-panel{padding:9px!important;margin:6px 0!important;border-radius:8px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-section-heading{margin-bottom:6px!important;gap:6px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-finance-grid{gap:6px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-finance-metric{padding:8px!important;gap:5px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-report-tabs{gap:4px!important;margin-bottom:6px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-report-tabs button{padding:6px 9px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-action-grid{gap:6px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-action{padding:8px!important;gap:8px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-action strong{margin-bottom:2px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-action-icon{width:30px!important;height:30px!important;}
body.v9-ui #appPage #dashboardAdminHome .home-finance-lines>div{padding:7px 0!important;}
body.v9-ui #appPage #dashboardAdminHome :is(th,td){padding:4px 6px!important;}
}

/* Professional dashboard chart: restrained grid and clear series styles. */
@media screen {
html body.v9-ui #appPage #dashboardHistoryChart {background:#fff;border-color:#e8edf5;border-radius:8px;padding:6px;}
html body.v9-ui #appPage #dashboardHistoryChart .dashboard-history-svg {height:220px!important;}
html body.v9-ui #appPage #dashboardHistoryLegend {justify-content:flex-start;gap:6px 12px;padding:2px 4px 6px;}
html body.v9-ui #appPage #dashboardHistoryLegend .dashboard-history-legend-item {background:#f8fafc;border:1px solid #edf1f7;border-radius:5px;padding:4px 7px;}
.dashboard-chart-hover:hover {fill:#2563eb;fill-opacity:.035;}
}

@media screen {
#dashboardUnifiedSummary[hidden], #dashboardFinanceSummary[hidden] {display:none!important;}
html body.v9-ui #appPage #dashboardUnifiedSummary:not([hidden]) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
html body.v9-ui #appPage #dashboardUnifiedSummary .home-section-heading {grid-column:1/-1;margin-bottom:0;}
html body.v9-ui #appPage #dashboardUnifiedSummary #dashboardSummaryStats,html body.v9-ui #appPage #dashboardUnifiedSummary #dashboardFinanceSummary:not([hidden]) {display:contents;}
html body.v9-ui #appPage #dashboardUnifiedSummary :is(.stat,.home-finance-metric) {margin:0;padding:7px 9px;border:1px solid #dfe6f2;border-top:3px solid #578bff;border-radius:7px;background:#fff;min-height:48px;text-align:left;display:flex;flex-direction:column;gap:3px;justify-content:center;}
html body.v9-ui #appPage #dashboardUnifiedSummary .home-finance-metric span {color:#526989;}
html body.v9-ui #appPage #dashboardUnifiedSummary :is(.stat-value,.home-finance-metric strong) {font-weight:600;}
@media(max-width:600px){html body.v9-ui #appPage #dashboardUnifiedSummary {grid-template-columns:repeat(2,minmax(0,1fr));}}
}

/* Flatten both indicator groups into one compact, equal-width grid. */
@media screen {
html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary:not([hidden]) {display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;align-items:stretch;gap:6px!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary #dashboardSummaryStats:not([hidden]),
html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary #dashboardFinanceSummary:not([hidden]) {display:contents!important;}
html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary :is(.stat,.home-finance-metric) {width:auto!important;min-width:0!important;height:auto!important;min-height:58px!important;padding:7px 9px!important;box-sizing:border-box;gap:4px!important;}
@media(max-width:1100px){html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary:not([hidden]) {grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:600px){html body.v9-ui #appPage#appPage#appPage #dashboardUnifiedSummary:not([hidden]) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
}

@media screen { html body.v9-ui #appPage #dashboardFilters {grid-template-columns:repeat(3,minmax(0,1fr))!important;} @media(max-width:600px){html body.v9-ui #appPage #dashboardFilters {grid-template-columns:1fr!important;}} }

/* Compact ticket search: field and actions share the same baseline. */
@media screen {
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-inline {display:grid!important;grid-template-columns:minmax(200px,1fr) auto!important;grid-template-rows:auto!important;align-items:end!important;gap:8px!important;margin-top:10px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-field {grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important;margin:0!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .input-group {display:flex!important;flex-direction:column!important;gap:4px!important;border:0!important;background:transparent!important;height:auto!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .input-label {padding:0!important;background:transparent!important;border:0!important;min-height:0!important;height:auto!important;justify-content:flex-start!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search #ticketSearch {height:38px!important;min-height:38px!important;border:1px solid #cbd5e1!important;border-radius:7px!important;padding:8px 10px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions {display:flex!important;flex-wrap:wrap!important;gap:6px!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn {display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;max-width:none!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:7px 10px!important;margin:0!important;border-radius:7px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions small {display:none!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .btn-action-view {order:-1;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search #ticketMessage:empty {display:none!important;}
@media(max-width:850px){html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-inline {grid-template-columns:1fr!important;}}
}

@media screen {
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn {flex:0 0 auto!important;min-width:max-content!important;overflow:visible!important;white-space:nowrap!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn :is(span,b) {display:inline!important;width:auto!important;min-width:0!important;max-width:none!important;position:static!important;white-space:nowrap!important;overflow:visible!important;line-height:1.3!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn i {position:static!important;flex:0 0 auto!important;}
}

/* Ticket search layout matching the supplied reference. */
@media screen {
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-inline {align-items:end!important;gap:8px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions {display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:7px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn {display:flex!important;flex-direction:column!important;min-width:100px!important;min-height:62px!important;height:62px!important;gap:4px!important;padding:7px 10px!important;order:0!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn>span {display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn small {display:block!important;white-space:nowrap!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-field .input-group {border:1px solid #dfe6f2!important;border-radius:12px!important;gap:3px!important;overflow:hidden!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .input-label {padding:2px 3px!important;}
html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search #ticketSearch {border-radius:6px!important;height:35px!important;min-height:35px!important;}
@media(max-width:850px){html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn {flex:1 1 0!important;min-width:0!important;padding:7px 4px!important;}html body.v9-ui #appPage#appPage#appPage #page-tab-tickets-search .ticket-search-actions .btn small {white-space:normal!important;}}
}

@media screen {
html.lotto-shell-visible.lotto-route-app:not(.lotto-app-ready) body.v9-ui #appPage .app-manager-main {opacity:1!important;visibility:visible!important;pointer-events:none!important;}
html.lotto-shell-visible.lotto-route-app:not(.lotto-app-ready) .page-boot-loader {display:none!important;}
}

@media screen {
html body.v9-ui #saleSubmitButton:disabled {cursor:wait!important;opacity:.85;}
html body.v9-ui #saleSubmitButton .sale-submit-spinner {display:inline-block!important;width:16px!important;height:16px!important;flex:0 0 16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:leySpin1159 .75s linear infinite;}
}
