.od-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0 30px;align-items:stretch}.od-tile{border:1px solid #d5e3e9;border-radius:20px;background:#fff;box-shadow:0 8px 26px #12374a09;min-width:0;overflow:hidden;aspect-ratio:1;min-height:260px;display:flex}.od-tile-main{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:17px 13px;color:#173750!important;text-decoration:none!important;text-align:center}.od-tile-main:hover{background:#f5fafb}.od-tile-main:focus-visible{outline:3px solid #19768b;outline-offset:-4px}.od-tile h2{font-size:15px;line-height:1.35;margin:0;min-height:40px;display:flex;align-items:center;justify-content:center}.od-person,.od-house{width:100%;max-width:210px;flex:1;min-height:70px;max-height:160px}.od-tile-info{width:100%;font-size:12px;line-height:1.4}.od-tile-info strong{display:block;font-size:16px;line-height:1.35}.od-tile-info p{margin:5px 0;color:#647d8b;font-size:11px}.od-tile-info small{display:block;font-size:10px;color:#708696;line-height:1.4}.od-green{color:#287a61}.od-red{color:#b5404d}.od-orange{color:#b56d1d}.od-donut{display:block;width:132px;max-width:70%;flex:1;min-height:65px;max-height:134px}.od-legend{padding:0;margin:0;text-align:left;list-style:none}.od-legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:5px;align-items:center;margin:4px 0;font-size:10px}.od-legend i{width:7px;height:7px;border-radius:50%}.od-legend b{font-size:10px;text-align:right;white-space:nowrap}.od-legend small{display:inline!important;margin-left:3px}.od-chart .od-tile-main{gap:3px}.od-chart h2{min-height:22px}.od-original{margin-top:28px}.od-original>summary{padding:14px 18px;background:#e8f2f5;border-radius:12px;cursor:pointer;font-weight:650;color:#225a71}.od-original-content{padding-top:20px}.od-status{font-size:12px;color:#647d8b;margin:8px 0}.od-config{margin-top:20px}.od-config .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-config fieldset{border:0;margin:0;padding:0}.od-placeholder{background:#edf4f6;min-height:160px;padding:24px;border-radius:20px}.od-config .error{white-space:pre-wrap}@media(max-width:1400px){.od-grid{gap:12px}.od-tile-main{padding:12px 9px}.od-tile h2{font-size:13px;min-height:36px}.od-tile-info strong{font-size:14px}.od-legend li,.od-legend b{font-size:9px}.od-person,.od-house{max-height:125px}.od-donut{max-height:95px}}@media(max-width:1250px){.od-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-tile-main{padding:18px}.od-tile h2{font-size:16px}.od-person,.od-house{max-height:180px}.od-donut{max-height:150px}.od-legend li,.od-legend b{font-size:11px}}@media(max-width:580px){.od-grid{grid-template-columns:1fr}.od-tile{aspect-ratio:auto;min-height:310px}.od-person,.od-house{height:165px;flex:none}.od-donut{height:145px;flex:none}.od-config .grid{grid-template-columns:1fr}}@media print{.od-grid{grid-template-columns:repeat(4,1fr);gap:10px}.od-tile{break-inside:avoid;aspect-ratio:auto;min-height:240px}.od-tile-main{padding:8px}.od-original{display:none}}

.od-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1600px;margin:0 auto;gap:20px}.od-tile{aspect-ratio:auto;min-height:0}.od-tile-main{padding:clamp(12px,1.5vw,24px);gap:10px}.od-tile h2{min-height:42px}.od-person,.od-house{height:clamp(100px,18vh,190px);flex:none;max-height:190px}.od-donut{height:clamp(100px,16vh,160px);flex:none;max-height:160px}.od-legend li,.od-legend b{font-size:clamp(10px,.85vw,13px)}
#workspace:has(#od-dashboard){min-height:calc(100dvh - 74px);display:flex;flex-direction:column;justify-content:center;padding:24px}#od-dashboard{width:100%}.od-status:empty{display:none}.od-status{font-size:12px;text-align:center}.od-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.od-finance-col{border-top:5px solid var(--od-accent)}.od-finance-col h2,.od-finance-total{color:var(--od-accent)}.od-finance-total{font-size:30px}.od-finance-property{margin:20px 0;border-top:1px solid #e5edf0;padding-top:14px}.od-finance-property>a{font-weight:700}.od-finance-line{display:flex;justify-content:space-between;gap:14px;margin:12px 0;flex-wrap:wrap}.od-finance-chart{display:flex;align-items:center;gap:20px}.od-doc-group summary{font-size:20px;font-weight:700;cursor:pointer}.od-doc-group li{margin:12px 0}.od-doc-tenant{font-weight:650}.od-doc-tenant ul{font-weight:400}
@media(max-width:850px){.od-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-finance-grid{grid-template-columns:1fr}.od-person,.od-house{height:150px}.od-donut{height:135px}}
@media(max-width:480px){.od-grid{grid-template-columns:1fr}.od-tile{min-height:300px}.shell.od-shell .workspace,#workspace:has(#od-dashboard){padding:12px}}

.od-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.od-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;color:#173750;border:1px solid #d5e3e9;border-radius:18px;padding:18px;text-align:center}.od-action-button svg{width:140px;height:115px}.qa-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qa-card{border:1px solid #d5e3e9;border-radius:18px;background:white;padding:16px;text-align:center}.qa-card svg{max-height:160px;width:100%}.qa-card button{width:100%}.qa-amount{padding:16px;background:#e8f3f3;border-radius:12px}.qa-document-dialog{max-width:950px;width:95vw}.signpad{touch-action:none}.qa-document-dialog .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-preview{max-height:55vh;overflow:auto;white-space:pre-wrap}.qa-document-dialog [hidden]{display:none!important}@media(min-width:851px){#workspace:has(#od-dashboard){padding:16px}.od-grid{gap:14px}.od-tile-main{padding:12px;gap:5px}.od-person,.od-house{height:clamp(75px,12vh,125px)}.od-donut{height:clamp(75px,11vh,115px)}.od-tile h2{min-height:34px}}@media(max-width:850px){.qa-list{grid-template-columns:repeat(2,minmax(0,1fr))}.od-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.qa-list,.qa-document-dialog .grid{grid-template-columns:1fr}}

.od-grid{grid-auto-rows:1fr}

.od-grid+.od-grid{margin-top:14px}.od-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.qa-list [hidden]{display:none}.qa-card dl{text-align:left}.qa-card dt{color:#647d8b;font-size:12px;margin-top:10px}.qa-card dd{margin:2px 0;overflow-wrap:anywhere}.sold-bars{display:grid;gap:12px;margin:24px 0}.sold-bar{display:grid;grid-template-columns:180px minmax(80px,1fr) 140px;gap:10px;align-items:center}.sold-bar i{display:block;height:24px;border-radius:6px}.sold-bar strong{text-align:right}.sold-owner{margin:18px 0}.sold-card{margin:24px 0;padding:20px;border:1px solid #d5e3e9;border-radius:18px;background:white}@media(max-width:1000px){.od-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.od-grid-five{grid-template-columns:1fr}.sold-bar{grid-template-columns:1fr}.sold-bar strong{text-align:left}}
/* Nastavenia a vlastný telefónny zoznam — desktop, tablet a telefón. */
.os-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px;margin:20px auto}.os-menu-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid #d6e6e9;border-radius:20px;color:#173750;text-decoration:none;box-shadow:0 7px 25px #17375009;min-width:0}.os-menu-card:hover{border-color:#397d92;background:#f5fafb}.os-menu-card svg{width:76px;height:76px;flex-shrink:0}.os-menu-card div{min-width:0;flex:1}.os-menu-card h2{font-size:20px;margin:0 0 8px}.os-menu-card p{margin:0;color:#587281}.os-menu-card:focus-visible{outline:3px solid #397d92;outline-offset:3px}.os-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.os-tools button,.os-tools .button,.os-contact-controls button{min-height:44px}.os-contacts{max-width:1250px;margin:20px auto}.os-contact-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:16px;align-items:end}.os-contact-controls label,.os-form label{display:grid;gap:7px;min-width:0}.os-contact-controls input,.os-contact-controls select,.os-form input,.os-form select{width:100%;min-width:0;box-sizing:border-box;min-height:44px}.os-contact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.os-contact{min-width:0;border:1px solid #d6e6e9;border-radius:16px;padding:20px;background:#f8fbfc}.os-contact dl{margin:0 0 20px}.os-contact dt{font-size:12px;color:#587281;margin-top:14px}.os-contact dd{margin:4px 0 0;overflow-wrap:anywhere}.os-contact dd:first-of-type{font-size:20px;font-weight:700;color:#287a86}.os-dialog{width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;box-sizing:border-box}.os-form{display:grid;gap:16px;min-width:0}.os-form h2{margin:0}.os-error{color:#a32d33;overflow-wrap:anywhere}.os-menu-card p,.os-menu-card h2{overflow-wrap:anywhere}
@media(max-width:1000px){.os-contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}.os-contact-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.os-contact-controls button{grid-column:1/-1}.os-menu-card{gap:12px;padding:18px}.os-menu-card svg{width:60px;height:60px}}
@media(max-width:600px){.os-menu,.os-contact-list,.os-contact-controls{grid-template-columns:minmax(0,1fr)}.os-menu{gap:12px}.os-contact-controls button{grid-column:auto}.os-tools{width:100%}.os-menu-card h2{font-size:18px}.os-menu-card svg{width:52px;height:52px}.os-contacts{padding:16px}.topbar{flex-wrap:wrap;gap:12px}}
.os-other-links{max-width:1100px;margin:24px auto}.os-other-links h2{font-size:16px}.os-other-links a{padding:10px 12px;border:1px solid #d6e6e9;border-radius:8px;text-decoration:none;font-size:14px}.os-other-links button{font-size:14px;background:#173750}
/* Celý hlavný prehľad na jednej bežnej počítačovej obrazovke.
   Malé displeje a zväčšený obsah ostávajú prirodzene posúvateľné. */
@media screen and (min-width:1001px) and (min-height:700px){
 body:has(#od-dashboard){height:100dvh;min-height:0}
 body:has(#od-dashboard)>#app{height:calc(100dvh - 36px);flex:1;min-height:0}
 body:has(#od-dashboard) .shell.od-shell{height:100%;min-height:0;display:block}
 .shell.od-shell #workspace:has(#od-dashboard){height:100%;min-height:0;padding:12px 18px 8px;display:flex;flex-direction:column;justify-content:stretch;gap:4px;box-sizing:border-box}
 #od-dashboard{flex:1;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
 #od-dashboard>.od-grid{width:100%;max-width:none;height:100%;min-height:0;margin:0!important;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}
 #od-dashboard .od-tile{min-height:0;height:100%;border-radius:16px}
 #od-dashboard .od-tile-main{min-height:0;justify-content:space-between;padding:10px 12px;gap:4px}
 #od-dashboard .od-tile h2{font-size:clamp(12px,1.03vw,17px);line-height:1.2;min-height:28px;flex-shrink:0;overflow-wrap:anywhere}
 #od-dashboard .od-person,#od-dashboard .od-house{flex:1;min-height:0;height:auto;max-height:clamp(65px,10dvh,140px);width:100%;object-fit:contain}
 #od-dashboard .od-donut{flex:1;min-height:0;height:auto;max-height:clamp(45px,8dvh,105px);width:100%;max-width:120px}
 #od-dashboard .od-tile-info{flex-shrink:0;line-height:1.25;font-size:11px;overflow-wrap:anywhere}
 #od-dashboard .od-tile-info strong{font-size:clamp(12px,1.03vw,17px);line-height:1.25}
 #od-dashboard .od-tile-info p{font-size:11px;line-height:1.25;margin:3px 0}
 #od-dashboard .od-tile-info small{font-size:9px;line-height:1.25}
 #od-dashboard .od-legend li{font-size:clamp(9px,.75vw,12px);line-height:1.2;margin:3px 0;gap:4px}
 #od-dashboard .od-legend b{font-size:inherit}
 #od-status{flex-shrink:0;margin:0;line-height:16px;font-size:10px}
 body:has(#od-dashboard)>.onlux-footer{height:36px;min-height:36px;padding-top:5px;padding-bottom:5px;box-sizing:border-box}
}