/* Customer-selectable mobile dashboard layouts and designs */
.kl-title-actions{display:flex;align-items:center;gap:12px}.kl-mobile-view-button{display:none}.kl-compact-summary,.kl-mobile-manage-button,.kl-focus-nav{display:none}.kl-mobile-view-overlay[hidden],.kl-card-actions-overlay[hidden]{display:none}
.kl-mobile-view-overlay,.kl-card-actions-overlay{position:fixed;z-index:880;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
.kl-mobile-view-sheet{position:fixed;z-index:890;left:50%;top:50%;width:min(760px,calc(100vw - 40px));max-height:90vh;overflow:auto;padding:25px;border:1px solid #3a4c56;border-radius:18px;background:linear-gradient(160deg,#17242c,#0c1419);box-shadow:0 35px 100px rgba(0,0,0,.62);color:#f4f7f8;transform:translate(-50%,-45%) scale(.97);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.kl-mobile-view-sheet.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.kl-mobile-view-handle{display:none}.kl-mobile-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #30424c}.kl-mobile-view-head h2{margin:5px 0 4px;font-size:28px}.kl-mobile-view-head p{margin:0;color:#91a0a8;font-size:12px}.kl-mobile-view-head>button{border:0;background:transparent;color:#b9c4ca;font-size:29px;cursor:pointer}.kl-mobile-view-group{margin:20px 0 0;padding:0;border:0}.kl-mobile-view-group legend{margin-bottom:10px;color:#f7fafb;font-size:13px;font-weight:900}.kl-mobile-layout-options,.kl-mobile-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.kl-mobile-choice{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid #30434e;border-radius:12px;background:#101b21;color:#fff;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.kl-mobile-choice:hover{transform:translateY(-1px);border-color:#61747e}.kl-mobile-choice[aria-pressed=true]{border-color:#ffbd2e;background:linear-gradient(145deg,rgba(255,189,46,.15),rgba(16,27,33,.96));box-shadow:0 0 0 1px rgba(255,189,46,.18)}.kl-mobile-choice strong{font-size:12px}.kl-mobile-choice small{color:#8f9da5;font-size:9px;line-height:1.35}.kl-choice-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:62px;padding:8px;border-radius:8px;background:#081015;overflow:hidden}.kl-choice-preview i{display:block;border:1px solid #42535c;border-radius:5px;background:linear-gradient(145deg,#22323a,#111c22)}.kl-preview-modern i:first-child{grid-column:1/4;height:8px}.kl-preview-modern i:nth-child(2){grid-column:1/3}.kl-preview-modern i:nth-child(3){grid-column:3}.kl-preview-compact{display:flex;flex-direction:column}.kl-preview-compact i{height:12px;width:100%}.kl-preview-focus i{opacity:.35}.kl-preview-focus i:nth-child(2){opacity:1;transform:scale(1.08)}.kl-theme-swatch{position:relative;height:62px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.kl-theme-swatch:before,.kl-theme-swatch:after,.kl-theme-swatch i{content:"";position:absolute;border-radius:6px}.kl-theme-swatch:before{inset:8px 32% 8px 8px}.kl-theme-swatch:after{right:8px;top:8px;width:22%;height:18px}.kl-theme-swatch i{right:8px;bottom:8px;width:22%;height:26px}.kl-theme-midnight{background:#071015}.kl-theme-midnight:before{background:#15242c}.kl-theme-midnight:after{background:#ffbd2e}.kl-theme-midnight i{background:#2e414c}.kl-theme-stainless{background:#18242b}.kl-theme-stainless:before{background:linear-gradient(135deg,#d5dde1,#6e808b)}.kl-theme-stainless:after{background:#71c9e8}.kl-theme-stainless i{background:#334c5b}.kl-theme-light{background:#edf2f4}.kl-theme-light:before{background:#fff;box-shadow:0 3px 10px rgba(33,54,67,.12)}.kl-theme-light:after{background:#f4ad16}.kl-theme-light i{background:#cbd6dc}.kl-mobile-view-status{min-height:18px;margin:16px 0 0;color:#a3b0b7;font-size:10px}.kl-mobile-view-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.kl-mobile-view-reset,.kl-mobile-view-apply{min-height:45px;padding:0 18px;border-radius:9px;font-weight:900;cursor:pointer}.kl-mobile-view-reset{border:1px solid #3b4c55;background:#17252d;color:#d6dde1}.kl-mobile-view-apply{border:0;background:linear-gradient(#ffd158,#f2a913);color:#111}.kl-mobile-view-reset:disabled,.kl-mobile-view-apply:disabled{opacity:.55;cursor:wait}
.kl-card-actions-sheet{position:fixed;z-index:900;left:50%;bottom:18px;width:min(430px,calc(100vw - 24px));padding:10px 15px 15px;border:1px solid #344650;border-radius:18px;background:linear-gradient(160deg,#17242c,#0d151a);box-shadow:0 28px 80px rgba(0,0,0,.62);transform:translate(-50%,115%);transition:transform .22s ease;color:#fff}.kl-card-actions-sheet.open{transform:translate(-50%,0)}.kl-card-actions-sheet-handle{width:44px;height:4px;margin:0 auto 10px;border-radius:99px;background:#53646e}.kl-card-actions-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #2e404a}.kl-card-actions-sheet-head span,.kl-card-actions-sheet-head strong,.kl-card-actions-sheet-head small{display:block}.kl-card-actions-sheet-head span{color:#f5bc35;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.kl-card-actions-sheet-head strong{margin-top:3px;font-size:18px}.kl-card-actions-sheet-head small{margin-top:3px;color:#83929a;font-size:9px}.kl-card-actions-sheet-head>button{border:0;background:none;color:#bec8cd;font-size:27px;cursor:pointer}.kl-card-actions-sheet-button{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;width:100%;margin-top:10px;padding:12px;border:1px solid #30434e;border-radius:11px;background:#111d24;color:#fff;text-align:left;cursor:pointer}.kl-card-actions-sheet-button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#21313a;color:#c8d3d8}.kl-card-actions-sheet-button>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kl-card-actions-sheet-button.primary>span{background:rgba(255,189,46,.15);color:#ffcc4c}.kl-card-actions-sheet-button strong,.kl-card-actions-sheet-button small{display:block}.kl-card-actions-sheet-button strong{font-size:13px}.kl-card-actions-sheet-button small{margin-top:2px;color:#8998a0;font-size:9px}.kl-card-actions-sheet-cancel{width:100%;min-height:43px;margin-top:10px;border:1px solid #344650;border-radius:9px;background:#17252d;color:#dce3e6;font-weight:800;cursor:pointer}
body.kl-mobile-sheet-open,body.kl-mobile-actions-open{overflow:hidden;overscroll-behavior:none}
@media(max-width:720px){
  .kl-title-actions{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;width:100%}.kl-mobile-view-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;border:1px solid #3a4d58;border-radius:10px;background:#17252d;color:#f0f4f6;font-size:13px;font-weight:900;cursor:pointer}.kl-mobile-view-button span{display:grid;place-items:center;color:#ffbd2e}.kl-mobile-view-button span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kl-title-actions .kl-add-keg{width:100%}
  .kl-mobile-view-sheet{left:0;right:0;top:auto;bottom:0;width:auto;max-height:min(90dvh,820px);padding:8px 14px calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:22px 22px 0 0;transform:translateY(105%);opacity:1}.kl-mobile-view-sheet.open{transform:none}.kl-mobile-view-handle{display:block;width:45px;height:4px;margin:0 auto 10px;border-radius:99px;background:#53646e}.kl-mobile-view-head{padding-bottom:13px}.kl-mobile-view-head h2{font-size:24px}.kl-mobile-view-head p{font-size:10px}.kl-mobile-layout-options,.kl-mobile-theme-options{grid-template-columns:1fr}.kl-mobile-choice{grid-template-columns:92px 1fr;grid-template-rows:auto auto;align-items:center;padding:10px}.kl-mobile-choice .kl-choice-preview,.kl-mobile-choice .kl-theme-swatch{grid-row:1/3;width:92px;height:54px}.kl-mobile-choice strong{font-size:13px}.kl-mobile-choice small{font-size:10px}.kl-mobile-view-actions{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:4;margin:16px -14px 0;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(13,21,26,.88),#0d151a 28%)}.kl-mobile-view-reset,.kl-mobile-view-apply{flex:1;min-height:48px}
  .kl-keg-card-actions{grid-template-columns:auto minmax(0,1fr) 42px!important;grid-template-areas:"status time more" "manage manage more"!important}.kl-keg-card-actions .kl-card-edit,.kl-keg-card-actions .kl-card-calibrate{display:none!important}.kl-mobile-manage-button{display:block;grid-area:manage;width:100%;height:44px;border:1px solid #3b4d58;border-radius:9px;background:linear-gradient(#22343e,#17262e);color:#fff;font-size:13px;font-weight:900;cursor:pointer}.kl-card-more{grid-area:more!important}.kl-card-more summary{min-height:44px!important}
  .kl-compact-summary{display:none}.kl-focus-nav{display:none}
  .kl-mobile-layout-modern .kl-title-actions .kl-add-keg{position:fixed;z-index:430;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;min-width:128px;min-height:48px;padding:0 16px;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.4),0 8px 22px rgba(244,169,22,.26)}.kl-mobile-layout-modern .kl-app-content{padding-bottom:145px}
  .kl-mobile-layout-compact .kl-keg-grid{gap:9px}.kl-mobile-layout-compact .kl-keg-card{padding:12px}.kl-mobile-layout-compact .kl-keg-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.kl-mobile-layout-compact .kl-keg-head h2{font-size:17px}.kl-mobile-layout-compact .kl-keg-card-actions{width:auto;min-width:0;margin-top:0;grid-template-columns:auto 40px!important;grid-template-areas:"status more" "manage more"!important}.kl-mobile-layout-compact .kl-keg-card-actions small{display:none!important}.kl-mobile-layout-compact .kl-mobile-manage-button{height:36px;font-size:11px}.kl-mobile-layout-compact .kl-card-more summary{width:40px!important;min-height:36px!important}.kl-mobile-layout-compact .kl-compact-summary{display:grid;grid-template-columns:1.1fr 1fr .75fr auto;gap:8px;align-items:center;width:100%;margin-top:10px;padding:10px;border:1px solid #2b3d47;border-radius:10px;background:#0c151a;color:#fff;text-align:left;cursor:pointer}.kl-mobile-layout-compact .kl-compact-summary span{min-width:0}.kl-mobile-layout-compact .kl-compact-summary strong,.kl-mobile-layout-compact .kl-compact-summary b,.kl-mobile-layout-compact .kl-compact-summary small{display:block}.kl-mobile-layout-compact .kl-compact-summary strong{font-size:24px;line-height:1}.kl-mobile-layout-compact .kl-compact-summary b{font-size:12px;white-space:nowrap}.kl-mobile-layout-compact .kl-compact-summary small{margin-top:3px;color:#8e9da5;font-size:8px}.kl-mobile-layout-compact .kl-compact-level{grid-column:1/4;height:5px;border-radius:99px;background:#263741;overflow:hidden}.kl-mobile-layout-compact .kl-compact-level em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4a91b,#ffd052)}.kl-mobile-layout-compact .kl-compact-toggle-label{grid-column:4;grid-row:1/3;align-self:center;color:#f6c44d;font-size:9px;font-weight:900}.kl-mobile-layout-compact .kl-keg-card-body,.kl-mobile-layout-compact .no-reading{display:none!important}.kl-mobile-layout-compact .kl-keg-card.is-compact-open .kl-keg-card-body{display:grid!important}.kl-mobile-layout-compact .kl-keg-card.is-compact-open .no-reading:not([style]){display:block!important}.kl-mobile-layout-compact .kl-keg-card.is-compact-open .kl-compact-toggle-label{color:#a8b6bd}
  .kl-mobile-layout-focus .kl-keg-grid{display:flex;gap:12px;max-width:none;margin:0 -12px;padding:0 12px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:12px;overscroll-behavior-x:contain;scrollbar-width:none}.kl-mobile-layout-focus .kl-keg-grid::-webkit-scrollbar{display:none}.kl-mobile-layout-focus .kl-keg-card{flex:0 0 calc(100vw - 24px);scroll-snap-align:start;scroll-snap-stop:always;padding:17px}.kl-mobile-layout-focus .kl-keg-card-body{grid-template-columns:120px minmax(130px,1fr);gap:14px}.kl-mobile-layout-focus .kl-photo-keg{width:108px}.kl-mobile-layout-focus .kl-level-ring{width:132px;height:132px}.kl-mobile-layout-focus .kl-level-ring strong{font-size:36px}.kl-mobile-layout-focus .kl-keg-stats{grid-column:1/-1}.kl-mobile-layout-focus .kl-focus-nav{display:flex;align-items:center;justify-content:center;gap:17px;margin:10px 0 2px}.kl-mobile-layout-focus .kl-focus-nav button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b4d58;border-radius:50%;background:#17252d;color:#fff;font-size:25px;cursor:pointer}.kl-mobile-layout-focus .kl-focus-nav button:disabled{opacity:.35}.kl-mobile-layout-focus .kl-focus-nav span{min-width:56px;text-align:center;color:#a5b2b8;font-size:11px;font-weight:800}.kl-mobile-layout-focus .kl-app-content{padding-bottom:92px}
  .kl-card-actions-sheet{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}
  .kl-mobile-theme-stainless{background:radial-gradient(circle at 80% -20%,rgba(111,184,215,.18),transparent 38%),#0d171d;color:#f4f8fa}.kl-mobile-theme-stainless .kl-app-topbar,.kl-mobile-theme-stainless .kl-app-sidebar{background:rgba(16,28,35,.97);border-color:#415965}.kl-mobile-theme-stainless .kl-keg-card{background:linear-gradient(145deg,#1d303a,#101d24);border-color:#49606b}.kl-mobile-theme-stainless .kl-level-ring:after{background:radial-gradient(circle,#20323b,#111d23)}.kl-mobile-theme-stainless .kl-keg-stats>div,.kl-mobile-theme-stainless .kl-compact-summary{background:rgba(146,195,216,.05);border-color:#405965}.kl-mobile-theme-stainless .kl-mobile-manage-button,.kl-mobile-theme-stainless .kl-mobile-view-button{background:linear-gradient(#314853,#20343e);border-color:#58717c}.kl-mobile-theme-stainless .kl-card-calibrate{color:#91d8f3;border-color:#5faac8}.kl-mobile-theme-stainless .kl-app-nav a.active{background:linear-gradient(180deg,rgba(103,190,226,.25),rgba(103,190,226,.08))}.kl-mobile-theme-stainless .kl-app-nav a.active .kl-nav-icon{color:#81d6f3}.kl-mobile-theme-stainless .kl-edit-panel,.kl-mobile-theme-stainless .kl-calibration-panel{background:linear-gradient(160deg,#1c303a,#101d24);border-color:#4b6571}.kl-mobile-theme-stainless .kl-edit-panel-form input,.kl-mobile-theme-stainless .kl-edit-panel-form select,.kl-mobile-theme-stainless .kl-edit-panel-form textarea,.kl-mobile-theme-stainless .kl-calibration-panel input,.kl-mobile-theme-stainless .kl-calibration-panel select{background:#20343e;border-color:#58717c}
  .kl-mobile-theme-light{background:#edf2f4;color:#17232b}.kl-mobile-theme-light .kl-app-topbar,.kl-mobile-theme-light .kl-app-sidebar{background:rgba(249,251,252,.97);border-color:#cbd7dc}.kl-mobile-theme-light .kl-app-nav a{color:#52636c}.kl-mobile-theme-light .kl-app-nav a.active{background:linear-gradient(180deg,rgba(244,173,22,.18),rgba(244,173,22,.06));color:#15232b}.kl-mobile-theme-light .kl-app-titlebar h1,.kl-mobile-theme-light .kl-keg-head h2,.kl-mobile-theme-light .kl-keg-stats b,.kl-mobile-theme-light .kl-level-ring strong,.kl-mobile-theme-light .kl-level-ring b{color:#142129}.kl-mobile-theme-light .kl-app-titlebar p,.kl-mobile-theme-light .kl-keg-head>div>span,.kl-mobile-theme-light .kl-keg-stats small{color:#61727b}.kl-mobile-theme-light .kl-keg-card{background:#fff;border-color:#c8d5db;box-shadow:0 12px 30px rgba(28,52,66,.09)}.kl-mobile-theme-light .kl-level-ring{background:conic-gradient(var(--ring-color) calc(var(--value) * 1%),#d6e0e5 0)}.kl-mobile-theme-light .kl-level-ring:after{background:#fff}.kl-mobile-theme-light .kl-keg-stats>div,.kl-mobile-theme-light .kl-compact-summary{background:#f6f9fa;border-color:#d3dee3;color:#16232b}.kl-mobile-theme-light .kl-mobile-manage-button,.kl-mobile-theme-light .kl-mobile-view-button{background:#fff;border-color:#bccbd2;color:#18262e}.kl-mobile-theme-light .kl-card-more summary{background:#fff;border-color:#c3d0d6;color:#41545e}.kl-mobile-theme-light .kl-user-menu summary{color:#1a2830}.kl-mobile-theme-light .kl-avatar{background:#e2e9ed;border-color:#c7d3d9;color:#24343d}.kl-mobile-theme-light .kl-user-menu>div{background:#fff;border-color:#c8d4da}.kl-mobile-theme-light .kl-user-menu>div a{color:#31444e}.kl-mobile-theme-light .kl-mobile-view-sheet,.kl-mobile-theme-light .kl-card-actions-sheet{background:#f7fafb;border-color:#c9d5db;color:#17252d}.kl-mobile-theme-light .kl-mobile-view-head,.kl-mobile-theme-light .kl-card-actions-sheet-head{border-color:#d5dfe4}.kl-mobile-theme-light .kl-mobile-view-head h2,.kl-mobile-theme-light .kl-card-actions-sheet-head strong{color:#142129}.kl-mobile-theme-light .kl-mobile-view-head p,.kl-mobile-theme-light .kl-card-actions-sheet-head small,.kl-mobile-theme-light .kl-mobile-view-status,.kl-mobile-theme-light .kl-mobile-choice small{color:#64757e}.kl-mobile-theme-light .kl-mobile-view-group legend{color:#142129}.kl-mobile-theme-light .kl-mobile-choice,.kl-mobile-theme-light .kl-card-actions-sheet-button{background:#fff;border-color:#ccd8de;color:#18262e}.kl-mobile-theme-light .kl-mobile-view-actions{background:linear-gradient(180deg,rgba(247,250,251,.88),#f7fafb 28%)}.kl-mobile-theme-light .kl-mobile-view-reset,.kl-mobile-theme-light .kl-card-actions-sheet-cancel{background:#e8eef1;border-color:#c8d4da;color:#2a3b44}.kl-mobile-theme-light .kl-compact-summary small{color:#6f8089}.kl-mobile-theme-light .kl-focus-nav button{background:#fff;border-color:#c8d4da;color:#21323b}.kl-mobile-theme-light .kl-edit-panel,.kl-mobile-theme-light .kl-calibration-panel{background:#f7fafb;border-color:#cbd7dd;color:#18262e}.kl-mobile-theme-light .kl-edit-panel h2,.kl-mobile-theme-light .kl-edit-panel strong,.kl-mobile-theme-light .kl-calibration-panel h2,.kl-mobile-theme-light .kl-calibration-panel h3,.kl-mobile-theme-light .kl-calibration-panel strong{color:#142129}.kl-mobile-theme-light .kl-edit-panel label,.kl-mobile-theme-light .kl-calibration-panel label,.kl-mobile-theme-light .kl-calibration-panel p,.kl-mobile-theme-light .kl-calibration-panel small{color:#5f717a}.kl-mobile-theme-light .kl-edit-panel-form input,.kl-mobile-theme-light .kl-edit-panel-form select,.kl-mobile-theme-light .kl-edit-panel-form textarea,.kl-mobile-theme-light .kl-calibration-panel input,.kl-mobile-theme-light .kl-calibration-panel select{background:#fff;border-color:#c8d4da;color:#18262e}.kl-mobile-theme-light .kl-edit-panel-head,.kl-mobile-theme-light .kl-edit-panel-device,.kl-mobile-theme-light .kl-calibration-head,.kl-mobile-theme-light .kl-calibration-device{border-color:#d2dde2}.kl-mobile-theme-light .kl-cancel-edit{background:#e8eef1;border-color:#c8d4da;color:#2a3b44}
}
@media(max-width:390px){.kl-title-actions{grid-template-columns:96px minmax(0,1fr)}.kl-mobile-view-button{font-size:12px}.kl-mobile-layout-focus .kl-keg-card{flex-basis:calc(100vw - 18px)}.kl-mobile-layout-focus .kl-keg-grid{margin:0 -9px;padding-left:9px;padding-right:9px}.kl-mobile-layout-focus .kl-keg-card-body{grid-template-columns:98px minmax(116px,1fr)}.kl-mobile-layout-focus .kl-photo-keg{width:90px}.kl-mobile-layout-focus .kl-level-ring{width:114px;height:114px}.kl-mobile-layout-compact .kl-compact-summary{grid-template-columns:1fr .9fr .65fr auto;gap:5px;padding:8px}.kl-mobile-layout-compact .kl-compact-summary strong{font-size:21px}.kl-mobile-layout-compact .kl-compact-summary b{font-size:11px}}