/* ===== Globálna plynulosť – prechody pri interakcii ===== */ html { scroll-behavior: smooth; } button, .mini, .pri, .gen, .list, .fchbtn { transition: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease, box-shadow .15s ease, transform .08s ease; } button:active:not(:disabled), .mini:active, .pri:active, .gen:active, .fchbtn:active { transform: translateY(1px); } button:disabled { transition: opacity .15s ease; } input, select, textarea { transition: border-color .15s ease, box-shadow .15s ease; } a { transition: color .15s ease, opacity .15s ease; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } button, .mini, .pri, .gen, .list, .fchbtn, input, select, textarea, a { transition: none !important; } } #cloudLogin{position:fixed;inset:0;z-index:99999;background:#0e0e0e;display:flex;align-items:center;justify-content:center;font-family:system-ui,Segoe UI,Roboto,sans-serif;} #cloudLogin .box{background:#fff;border-radius:14px;padding:34px 30px;width:340px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.4);text-align:center;} #cloudLogin h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:26px;margin:0 0 4px;color:#1a1a1a;} #cloudLogin p{font-size:12px;color:#888;margin:0 0 20px;letter-spacing:.04em;} #cloudLogin input{width:100%;box-sizing:border-box;padding:11px 12px;margin:6px 0;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;} #cloudLogin button{width:100%;padding:11px;margin-top:10px;border:0;border-radius:8px;background:#b8a06a;color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px;cursor:pointer;} #cloudLogin .err{color:#b00;font-size:12px;min-height:16px;margin-top:8px;} #cloudBar{position:fixed;top:0;left:0;right:0;height:44px;box-sizing:border-box;z-index:9000;display:none;align-items:center;gap:10px;justify-content:flex-end; padding:7px 14px;background:rgba(14,14,14,.92);backdrop-filter:blur(6px);font-family:system-ui,sans-serif;} #cloudBar .sp{flex:1} #cloudBar .u{color:#cbb88a;font-size:12px;letter-spacing:.03em;margin-right:6px;} #cloudBar button{padding:7px 13px;border:0;border-radius:7px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;} #cloudBar .save{background:#b8a06a;color:#fff;} #cloudBar .list{background:#2a2723;color:#e8dfc8;} #cloudBar .out{background:transparent;color:#888;} #cloudBar .save[disabled]{opacity:.4;cursor:default;} #cloudPanel{position:fixed;inset:0;z-index:9500;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #cloudPanel .sheet{position:absolute;top:0;right:0;height:100%;width:420px;max-width:92vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #cloudPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #cloudPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #cloudPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #cloudPanel .rows{overflow:auto;padding:8px 0;flex:1;} #cloudPanel .row{padding:13px 20px;border-bottom:1px solid #efe9dd;cursor:pointer;display:flex;gap:10px;align-items:flex-start;} #cloudPanel .row:hover{background:#f1ece2;} #cloudPanel .badge{font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#1a1814;color:#e8dfc8;border-radius:4px;padding:3px 6px;white-space:nowrap;margin-top:2px;} #cloudPanel .ttl{font-weight:600;color:#1a1a1a;font-size:14px;} #cloudPanel .meta{font-size:11px;color:#999;margin-top:2px;} #cloudPanel .del{margin-left:auto;color:#b00;background:none;border:0;font-size:11px;cursor:pointer;opacity:.7;} #cloudPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #cloudToast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(8px);z-index:99998;background:#1a1814;color:#e8dfc8; padding:11px 20px;border-radius:9px;font-family:system-ui,sans-serif;font-size:13px;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;} #cloudToast.show{opacity:1;transform:translateX(-50%) translateY(0);} body.cloud-on #view-offer{ top:44px !important; } body.cloud-on #view-selector{ padding-top:44px; } #pwdModal{position:fixed;inset:0;z-index:99999;background:rgba(14,14,14,.72);display:none;align-items:center;justify-content:center;font-family:system-ui,sans-serif;} #pwdModal.open{display:flex;} #pwdModal .box{background:#fff;border-radius:14px;padding:32px 28px 28px;width:360px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.4);} #pwdModal h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;margin:0 0 4px;color:#1a1a1a;} #pwdModal .sub{font-size:12px;color:#888;margin:0 0 18px;letter-spacing:.03em;} #pwdModal label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#666;margin-top:12px;margin-bottom:4px;} #pwdModal input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;outline:none;transition:border .15s;} #pwdModal input:focus{border-color:#b8a06a;} #pwdModal .row-btns{display:flex;gap:8px;margin-top:20px;} #pwdModal .row-btns button{flex:1;padding:11px;border:0;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:opacity .15s;} #pwdModal .btn-save{background:#b8a06a;color:#fff;} #pwdModal .btn-save:disabled{opacity:.45;cursor:default;} #pwdModal .btn-cancel{background:#f0ece3;color:#555;} #pwdModal .msg{font-size:12px;min-height:16px;margin-top:10px;} #pwdModal .msg.err{color:#b00020;} #pwdModal .msg.ok{color:#1a6b1a;} #cloudBar .dirty{font-size:11px;letter-spacing:.03em;margin-right:4px;display:none;} #cloudBar #cloudDirty{color:#e0b24a;} #cloudBar #cloudSaved{color:#7bbf7b;} #cloudPanel .cloudFilters{padding:10px 16px;border-bottom:1px solid #e4e0d8;background:#f5f1e8;} #cloudPanel .cloudFilters input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #e0dace;border-radius:8px;font-size:13px;} #cloudPanel .cloudFilterRow{display:flex;gap:8px;margin-top:8px;} #cloudPanel .cloudFilterRow select{flex:1;padding:8px 9px;border:1px solid #e0dace;border-radius:8px;font-size:12px;background:#fff;} #cloudPanel .st{font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:3px 7px;white-space:nowrap;cursor:pointer;border:1px solid transparent;font-weight:600;} #cloudPanel .st.draft{background:#efe7d4;color:#8a7320;border-color:#e0d3a8;} #cloudPanel .st.sent{background:#dbe7f3;color:#2a5a8a;border-color:#bcd4ec;} #cloudPanel .st.confirmed{background:#d8eddb;color:#2a6b32;border-color:#bce0c2;} #cloudPanel .st.cancelled{background:#f3dede;color:#9a3b3b;border-color:#e8c4c4;} #cloudPanel .st.no_response{background:#ece6da;color:#7a7260;border-color:#ddd4c2;} #cloudPanel .row.cancelled{opacity:.5;} #cloudPanel .row.cancelled .ttl{text-decoration:line-through;} #cloudPanel .rowActs{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px;} #cloudPanel .rowActs button{font-size:10px;letter-spacing:.03em;padding:4px 8px;border:1px solid #e0dace;border-radius:6px;background:#fff;color:#6a6354;cursor:pointer;} #cloudPanel .rowActs button:hover{background:#f1ece2;} #cloudPanel .rowActs button.danger{color:#b00;border-color:#ecc; } #cloudPanel .meta .fu{color:#7a6a2a;background:#f3ecd6;border-radius:4px;padding:1px 6px;font-size:10px;} #cloudPanel .meta .fu.due{color:#9a3b3b;background:#f6dede;} #cloudPanel .meta .seen{color:#2a6b4a;background:#dcefe2;border-radius:4px;padding:1px 6px;font-size:10px;} #cloudPanel .meta .ev{color:#2a5a8a;background:#dbe7f3;border-radius:4px;padding:1px 6px;font-size:10px;} #cloudPanel .meta .room{color:#8a6d2a;background:#f0e6c9;border-radius:4px;padding:1px 6px;font-size:10px;} #docsPanel .due{font-size:10px;color:#7a6a2a;} #docsPanel .due.over{color:#9a3b3b;font-weight:600;} #cloudPanel .row{flex-direction:column;align-items:stretch;} #cloudPanel .rowTop{display:flex;gap:10px;align-items:flex-start;} #histPanel{position:fixed;inset:0;z-index:9600;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #histPanel .sheet{position:absolute;top:0;right:0;height:100%;width:440px;max-width:94vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #histPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #histPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #histPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #histPanel .rows{overflow:auto;padding:8px 0;flex:1;} #histPanel .hrow{padding:12px 20px;border-bottom:1px solid #efe9dd;display:flex;gap:10px;align-items:center;justify-content:space-between;} #histPanel .hmeta{font-size:12px;color:#555;} #histPanel .hmeta small{display:block;color:#999;font-size:11px;margin-top:2px;} #histPanel .hrow button{font-size:11px;padding:6px 11px;border:1px solid #d8cfa6;border-radius:7px;background:#b8a06a;color:#fff;cursor:pointer;} #histPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #emailModal{position:fixed;inset:0;z-index:99999;background:rgba(14,14,14,.72);display:none;align-items:center;justify-content:center;font-family:system-ui,sans-serif;} #emailModal.open{display:flex;} #emailModal .box{background:#fff;border-radius:14px;padding:32px 28px 28px;width:380px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.4);} #emailModal h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;margin:0 0 4px;color:#1a1a1a;} #emailModal .sub{font-size:12px;color:#888;margin:0 0 18px;letter-spacing:.03em;line-height:1.5;} #emailModal label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#666;margin-top:12px;margin-bottom:4px;} #emailModal input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;outline:none;} #emailModal input:focus{border-color:#b8a06a;} #emailModal .row-btns{display:flex;gap:8px;margin-top:20px;} #emailModal .row-btns button{flex:1;padding:11px;border:0;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;} #emailModal .btn-save{background:#b8a06a;color:#fff;} #emailModal .btn-save:disabled{opacity:.45;cursor:default;} #emailModal .btn-cancel{background:#f0ece3;color:#555;} #emailModal .msg{font-size:12px;min-height:16px;margin-top:10px;} #emailModal .msg.err{color:#b00020;} #emailModal .msg.ok{color:#1a6b1a;} #nlPanel{position:fixed;inset:0;z-index:9600;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #nlPanel .sheet{position:absolute;top:0;right:0;height:100%;width:460px;max-width:94vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #nlPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #nlPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #nlPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #nlPanel .nlTools{padding:12px 20px;border-bottom:1px solid #efe9dd;background:#f5f1e8;display:flex;flex-direction:column;gap:8px;} #nlPanel .nlTools .cnt{font-size:12px;color:#6a6354;} #nlPanel .nlTools input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #e0dace;border-radius:8px;font-size:13px;} #nlPanel .nlTools .btns{display:flex;gap:8px;flex-wrap:wrap;} #nlPanel .nlTools button{font-size:11px;padding:7px 11px;border:1px solid #d8cfa6;border-radius:7px;background:#fff;color:#6a6354;cursor:pointer;} #nlPanel .nlTools button.primary{background:#b8a06a;color:#fff;border-color:#b8a06a;} #nlPanel .rows{overflow:auto;padding:4px 0;flex:1;} #nlPanel .nlrow{padding:11px 20px;border-bottom:1px solid #efe9dd;display:flex;gap:10px;align-items:center;justify-content:space-between;} #nlPanel .nlrow .em{font-size:13px;color:#222;word-break:break-all;} #nlPanel .nlrow small{display:block;color:#999;font-size:11px;margin-top:2px;} #nlPanel .nlrow .acts{display:flex;gap:5px;flex-shrink:0;} #nlPanel .nlrow .acts button{font-size:10px;padding:4px 8px;border:1px solid #e0dace;border-radius:6px;background:#fff;color:#6a6354;cursor:pointer;} #nlPanel .nlrow .acts button.danger{color:#b00;border-color:#ecc;} #nlPanel .nlrow .stt{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;} #nlPanel .nlrow .stt.subscribed{background:#d8eddb;color:#2a6b32;} #nlPanel .nlrow .stt.unsubscribed{background:#efe0e0;color:#9a3b3b;} #nlPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #nlPublic{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center; background:radial-gradient(120% 120% at 50% 0%,#1f1c17 0%,#11100c 60%,#0a0907 100%);font-family:system-ui,sans-serif;padding:20px;} #nlPublic.open{display:flex;} #nlPublic .card{background:#faf8f3;border-radius:18px;max-width:440px;width:100%;padding:38px 34px;box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:center;} #nlPublic .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b8a06a;margin-bottom:14px;} #nlPublic h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:30px;line-height:1.15;margin:0 0 10px;color:#1a1a1a;} #nlPublic p{font-size:13px;color:#6a6354;line-height:1.55;margin:0 0 22px;} #nlPublic input{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #e1dacb;border-radius:10px;font-size:14px;margin-bottom:10px;outline:none;} #nlPublic input:focus{border-color:#b8a06a;} #nlPublic button{width:100%;padding:14px;border:0;border-radius:10px;background:#1a1814;color:#e8d9b5;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;} #nlPublic button:disabled{opacity:.5;cursor:default;} #nlPublic .msg{font-size:12px;margin-top:12px;min-height:16px;} #nlPublic .msg.err{color:#b00020;} #nlPublic .msg.ok{color:#2a6b32;} #nlPublic .foot{margin-top:20px;font-size:10px;letter-spacing:.05em;color:#aaa;} #nlUnsub{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center; background:radial-gradient(120% 120% at 50% 0%,#1f1c17 0%,#11100c 60%,#0a0907 100%);font-family:system-ui,sans-serif;padding:20px;} #nlUnsub.open{display:flex;} #nlUnsub .card{background:#faf8f3;border-radius:18px;max-width:440px;width:100%;padding:38px 34px;box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:center;} #nlUnsub .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b8a06a;margin-bottom:14px;} #nlUnsub h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:30px;line-height:1.15;margin:0 0 10px;color:#1a1a1a;} #nlUnsub .msg{font-size:14px;margin-top:8px;min-height:16px;color:#6a6354;} #nlUnsub .msg.err{color:#b00020;} #nlUnsub .msg.ok{color:#2a6b32;} #nlUnsub .foot{margin-top:20px;font-size:12px;color:#aaa;} #nlUnsub .foot a{color:#b8a06a;} #docsPanel{position:fixed;inset:0;z-index:9600;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #docsPanel .sheet{position:absolute;top:0;right:0;height:100%;width:560px;max-width:96vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #docsPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #docsPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #docsPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #docsPanel .tools{padding:10px 20px;border-bottom:1px solid #efe9dd;background:#f5f1e8;display:flex;gap:8px;flex-wrap:wrap;align-items:center;} #docsPanel .tools input{flex:1;min-width:140px;padding:8px 10px;border:1px solid #e0dace;border-radius:8px;font-size:13px;} #docsPanel .tools select{padding:8px 9px;border:1px solid #e0dace;border-radius:8px;font-size:12px;background:#fff;} #docsPanel .docsum{display:flex;gap:10px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid #efe9dd;background:#fbf8f1;} #docsPanel .docsum .su{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e0d2;border-radius:10px;padding:9px 14px;min-width:150px;} #docsPanel .docsum .su .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#9a917d;} #docsPanel .docsum .su .val{font-size:18px;font-weight:600;color:#1a1a1a;} #docsPanel .docsum .su .cnt{font-size:11px;color:#a59b85;} #docsPanel .docsum .su.over{border-color:#e8c4c4;background:#fdf3f3;} #docsPanel .docsum .su.over .val{color:#b00020;} #docsPanel .docsum .su.next .val{font-size:14px;color:#5f5848;} #docsPanel .rows{overflow:auto;flex:1;padding:4px 0;} #docsPanel .drow{padding:13px 20px;border-bottom:1px solid #efe9dd;} #docsPanel .drow .top{display:flex;gap:10px;align-items:flex-start;} #docsPanel .dtype{font-size:9px;text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:3px 7px;font-weight:600;white-space:nowrap;} #docsPanel .dtype.contract{background:#dbe7f3;color:#2a5a8a;} #docsPanel .dtype.deposit_invoice{background:#efe7d4;color:#8a7320;} #docsPanel .dtype.final_invoice{background:#e2dcef;color:#5a3a8a;} #finUpload{position:fixed;inset:0;z-index:99999;background:rgba(14,14,14,.72);display:none;align-items:center;justify-content:center;font-family:system-ui,sans-serif;padding:16px;} #finUpload.open{display:flex;} #finUpload .box{background:#fff;border-radius:14px;padding:28px 26px 24px;width:440px;max-width:94vw;max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.4);} #finUpload h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;margin:0 0 14px;color:#1a1a1a;} #finUpload label{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#666;margin-top:12px;margin-bottom:4px;} #finUpload input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;background:#fff;font-family:inherit;} #finUpload .two{display:flex;gap:10px;} #finUpload .two>div{flex:1;} #finUpload .row-btns{display:flex;gap:8px;margin-top:18px;} #finUpload .row-btns button{flex:1;padding:11px;border:0;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;} #finUpload .btn-save{background:#b8a06a;color:#fff;} #finUpload .btn-cancel{background:#f0ece3;color:#555;} #finUpload .msg{font-size:12px;color:#b00020;min-height:15px;margin-top:8px;} #docsPanel .dtitle{font-size:14px;color:#1a1a1a;font-weight:500;} #docsPanel .dmeta{font-size:11px;color:#999;margin-top:2px;} #docsPanel .pay{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-weight:600;white-space:nowrap;} #docsPanel .pay.unpaid{background:#f3dede;color:#9a3b3b;} #docsPanel .pay.paid{background:#d8eddb;color:#2a6b32;} #docsPanel .acts{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;} #docsPanel .acts button{font-size:10px;padding:5px 10px;border:1px solid #e0dace;border-radius:6px;background:#fff;color:#6a6354;cursor:pointer;} #docsPanel .acts button.pri{background:#b8a06a;color:#fff;border-color:#b8a06a;} #docsPanel .acts button.danger{color:#b00;border-color:#ecc;} #docsPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #adminPanel{position:fixed;inset:0;z-index:99999;background:rgba(14,14,14,.72);display:none;align-items:center;justify-content:center;font-family:system-ui,sans-serif;} #adminPanel.open{display:flex;} #adminPanel .box{background:#fff;border-radius:14px;padding:30px 28px 26px;width:540px;max-width:94vw;box-shadow:0 20px 60px rgba(0,0,0,.4);max-height:90vh;overflow:auto;} #adminPanel h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;margin:0 0 4px;color:#1a1a1a;} #adminPanel .sub{font-size:12px;color:#888;margin:0 0 16px;} #adminPanel label{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#666;margin-top:12px;margin-bottom:4px;} #adminPanel input,#adminPanel select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;background:#fff;} #adminPanel .row-btns{display:flex;gap:8px;margin-top:18px;} #adminPanel .row-btns button{flex:1;padding:11px;border:0;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;} #adminPanel .btn-save{background:#b8a06a;color:#fff;} #adminPanel .btn-save:disabled{opacity:.45;cursor:default;} #adminPanel .btn-cancel{background:#f0ece3;color:#555;} #adminPanel .msg{font-size:12px;min-height:16px;margin-top:10px;} #adminPanel .msg.err{color:#b00020;} #adminPanel .msg.ok{color:#1a6b1a;} #adminPanel .ulist{margin-top:18px;border-top:1px solid #eee;padding-top:12px;} #adminPanel .ulist .ur{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px solid #f3f0ea;} #adminPanel .ulist .rb{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8a7320;background:#efe7d4;border-radius:4px;padding:2px 7px;} #adminPanel .urow{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f3f0ea;} #adminPanel .urow .em{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#1a1a1a;} #adminPanel .urow .em small{display:block;color:#a59b85;font-size:10px;} #adminPanel .urow select{width:auto;padding:6px 8px;font-size:12px;} #adminPanel .urow .ub{font-size:11px;padding:6px 8px;border:1px solid #e0dace;border-radius:6px;background:#fff;color:#6a6354;cursor:pointer;} #adminPanel .urow .ub.del{color:#b00020;border-color:#ecc;} #adminPanel .urow.me .em{font-weight:600;} #dashView{position:fixed;inset:0;z-index:8000;display:none;overflow:auto;background:#faf7f0;background-image:radial-gradient(ellipse 1200px 600px at 50% -10%, rgba(184,160,106,.09), transparent);font-family:system-ui,sans-serif;} #dashView.open{display:block;animation:viewFadeIn .22s ease} #dashView .dwrap{max-width:1080px;margin:0 auto;padding:62px 22px 60px;} #dashView .dlayout{display:flex;align-items:flex-start;gap:22px;max-width:1420px;margin:0 auto;} #dashView .dlayout .dwrap{margin:0;flex:1;min-width:0;} #dashView .dside{width:300px;flex-shrink:0;position:sticky;top:62px;padding-top:62px;} #dashView .notecard{padding:16px 18px 14px;display:flex;flex-direction:column;} #dashView .notecard h4{display:flex;align-items:center;justify-content:space-between;gap:8px;} #dashView #dashNotes{width:100%;box-sizing:border-box;min-height:420px;border:1px solid #ece4d2;border-radius:10px;padding:12px 13px;font-family:inherit;font-size:13px;line-height:1.55;color:#2a2620;background:#fffdf9;resize:vertical;} #dashView #dashNotes:focus{outline:none;border-color:#b8a06a;box-shadow:0 0 0 3px rgba(184,160,106,.15);} @media(max-width:1180px){ #dashView .dlayout{flex-direction:column;} #dashView .dside{width:auto;position:static;padding-top:0;} #dashView .dlayout .dwrap{max-width:1080px;margin:0 auto;} } #dashView .dhead{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px;} #dashView .dhead .greet{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:36px;color:#16140f;line-height:1.08;letter-spacing:-.01em;} #dashView .dhead .sub{font-size:11.5px;color:#8a7f68;letter-spacing:.09em;text-transform:uppercase;margin-top:5px;} #dashView .dhead::after{content:"";display:block;} #dashView .dwrap>.dhead{border-bottom:1px solid #e8dfc9;padding-bottom:22px;margin-bottom:26px;position:relative;} #dashView .dwrap>.dhead::before{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:linear-gradient(90deg,#b8a06a,transparent);} #dashView .dactions{display:flex;gap:9px;flex-wrap:wrap;} #dashView .dactions button{font-size:11px;letter-spacing:.05em;padding:10px 16px;border-radius:10px;border:1px solid #e0d6bd;background:#fff;color:#5f5848;cursor:pointer;box-shadow:0 1px 2px rgba(60,50,20,.04);} #dashView .dactions button:hover{border-color:#b8a06a;color:#16140f;box-shadow:0 2px 8px rgba(184,160,106,.18);} #dashView .dactions button.pri{background:linear-gradient(155deg,#16140f,#241f16);color:#e8d9b5;border-color:#16140f;box-shadow:0 2px 10px rgba(22,20,15,.22);} #dashView .dactions button.pri:hover{box-shadow:0 4px 16px rgba(22,20,15,.3);} #dashView .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;} #dashView .kpi{background:#fff;border:1px solid #ece4d2;border-radius:14px;padding:18px 18px 15px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(60,50,20,.05),0 8px 20px -12px rgba(60,50,20,.12);} #dashView .kpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8a06a,#e3d3ab);} #dashView .kpi .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9a917d;font-weight:600;} #dashView .kpi .val{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:34px;color:#16140f;line-height:1.05;margin-top:5px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;} #dashView .kpi .hint{font-size:11px;color:#a59b85;margin-top:4px;} #dashView .kpi.accent{background:linear-gradient(165deg,#1c1912,#100e0a);border-color:#1c1912;box-shadow:0 4px 22px -8px rgba(22,20,15,.4);} #dashView .kpi.accent::before{background:linear-gradient(90deg,#d4bc80,#8a6d2a);} #dashView .kpi.accent .lbl{color:#c9b788;} #dashView .kpi.accent .val{color:#fbf3e0;} #dashView .kpi.accent .hint{color:#a3936c;} #dashView .kpi.warn{background:#fdf6f1;border-color:#f0d9c8;} #dashView .kpi.warn::before{background:linear-gradient(90deg,#c17a52,#e3ab8a);} #dashView .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;} @media(max-width:740px){ #dashView .grid2{grid-template-columns:1fr;} } #dashView .card{background:#fff;border:1px solid #ece4d2;border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(60,50,20,.04),0 6px 16px -12px rgba(60,50,20,.1);} #dashView .card h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:19px;margin:0 0 12px;color:#16140f;padding-bottom:9px;border-bottom:1px solid #f0e9d8;position:relative;} #dashView .card h4::after{content:"";position:absolute;left:0;bottom:-1px;width:26px;height:2px;background:#b8a06a;} #dashView .li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px;margin:0 -10px;border-bottom:1px solid #f4efe4;font-size:13px;border-radius:8px;border-left:3px solid transparent;} #dashView .li:hover{background:#faf6ea;} #dashView .li:last-child{border-bottom:0;} #dashView .li.li-overdue{border-left-color:#c1594a;background:#fdf6f4;} #dashView .li.li-soon{border-left-color:#b8a06a;} #dashView .li .t{font-weight:500;color:#2a2620;flex:1;min-width:0;} #dashView .li .meta{flex-shrink:0;} #dashView .li .meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;} #dashView .li .tag{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#a3936c;background:#f3ecd9;border-radius:4px;padding:2px 6px;} #dashView .li .muted{color:#a59b85;font-size:11px;} #dashView .pill{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-weight:600;white-space:nowrap;} #dashView .pill.draft{background:#efe7d4;color:#8a7320;} #dashView .pill.sent{background:#dbe7f3;color:#2a5a8a;} #dashView .pill.confirmed{background:#d8eddb;color:#2a6b32;} #dashView .pill.cancelled{background:#f3dede;color:#9a3b3b;} #dashView .pill.unpaid{background:#f3dede;color:#9a3b3b;} #dashView .pill.paid{background:#d8eddb;color:#2a6b32;} #dashView .empty{color:#b3a98f;font-size:12px;padding:8px 0;} #dashView .bars{margin-top:6px;} #dashView .bar{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:12px;} #dashView .bar .track{flex:1;height:8px;background:#f1ebdc;border-radius:5px;overflow:hidden;} #dashView .bar .fill{height:100%;border-radius:5px;} #foldersPanel{position:fixed;inset:0;z-index:9600;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #foldersPanel .sheet{position:absolute;top:0;right:0;height:100%;width:560px;max-width:96vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #foldersPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #foldersPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #foldersPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #foldersPanel .tools{padding:10px 20px;border-bottom:1px solid #efe9dd;background:#f5f1e8;} #foldersPanel .tools input{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #e0dace;border-radius:8px;font-size:13px;} #foldersPanel .rows{overflow:auto;flex:1;padding:4px 0;} #foldersPanel .folder{border-bottom:1px solid #efe9dd;} #foldersPanel .fhead{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;} #foldersPanel .fhead:hover{background:#f3efe6;} #foldersPanel .fname{font-size:14px;color:#1a1a1a;font-weight:500;display:flex;align-items:center;gap:8px;} #foldersPanel .fcount{font-size:11px;color:#a59b85;} #foldersPanel .fitems{display:none;padding:0 20px 12px 38px;} #foldersPanel .folder.open .fitems{display:block;} #foldersPanel .fitem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #f1ece1;font-size:13px;} #foldersPanel .fitem .t{display:flex;align-items:center;gap:8px;cursor:pointer;} #foldersPanel .ic{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-weight:600;} #foldersPanel .ic.offer{background:#ece6f3;color:#5a3a8a;} #foldersPanel .ic.contract{background:#dbe7f3;color:#2a5a8a;} #foldersPanel .ic.deposit_invoice{background:#efe7d4;color:#8a7320;} #foldersPanel .mini{font-size:9px;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 6px;} #foldersPanel .mini.unpaid{background:#f3dede;color:#9a3b3b;} #foldersPanel .mini.paid{background:#d8eddb;color:#2a6b32;} #foldersPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #calView{position:fixed;inset:0;z-index:8200;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif;} #calView.open{display:block;} #calView .cwrap{max-width:1100px;margin:0 auto;padding:60px 18px 50px;} #calView .chead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px;} #calView .cnav{display:flex;align-items:center;gap:8px;} #calView .cnav .mlabel{font-family:"Cormorant Garamond",serif;font-size:26px;color:#1a1a1a;min-width:210px;text-transform:capitalize;} #calView .cnav button,#calView .cact button{font-size:12px;padding:8px 12px;border:1px solid #ddd5c4;border-radius:8px;background:#fff;color:#5f5848;cursor:pointer;} #calView .cnav .arw{font-size:15px;line-height:1;padding:6px 12px;} #calView .cact{display:flex;gap:8px;flex-wrap:wrap;} #calView .cact button.pri{background:#1a1814;color:#e8d9b5;border-color:#1a1814;} #calView .legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;font-size:11px;color:#6a6354;} #calView .legend .lg{display:flex;align-items:center;gap:5px;} #calView .legend .dot{width:11px;height:11px;border-radius:3px;} #calView .wk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;} #calView .wk .wd{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#a59b85;text-align:center;} #calView .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;} #calView .cell{background:#fff;border:1px solid #e7e0d2;border-radius:10px;min-height:100px;min-width:0;padding:6px 6px 8px;display:flex;flex-direction:column;cursor:pointer;transition:background .1s;overflow:hidden;} #calView .cell:hover{background:#fbf8f1;} #calView .cell.out{background:#efeae0;opacity:.55;} #calView .cell.today{border-color:#b8a06a;box-shadow:0 0 0 1px #b8a06a inset;} #calView .cell .dn{font-size:12px;color:#8a8270;align-self:flex-end;line-height:1;} #calView .cell.today .dn{color:#b8862a;font-weight:700;} #calView .ev{font-size:10px;color:#fff;border-radius:5px;padding:2px 6px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:1.4;} #calView .ev.booking{white-space:normal;line-height:1.35;} #calView .ev.booking .client{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #calView .ev.booking .room{font-size:9px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #calView .more{font-size:9px;color:#a59b85;margin-top:2px;} @media(max-width:680px){ #calView .cell{min-height:62px;padding:4px;} #calView .ev{font-size:9px;padding:1px 4px;} #calView .cnav .mlabel{font-size:20px;min-width:150px;} } #calView .planmonth{margin-bottom:22px;} #calView .planmonth-h{font-family:"Cormorant Garamond",serif;font-size:20px;color:#1a1a1a;border-bottom:2px solid #b8a06a;padding-bottom:4px;margin-bottom:8px;} #calView .plancat{margin-bottom:10px;background:#fff;border:1px solid #e7e0d2;border-radius:10px;overflow:hidden;} #calView .plancat-h{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;color:#3a3427;} #calView .plancat-h .dot{width:10px;height:10px;border-radius:3px;flex:none;} #calView .plancat-h .addrow{margin-left:auto;font-size:11px;padding:4px 10px;border:1px solid #ddd5c4;border-radius:6px;background:#faf8f3;color:#5f5848;cursor:pointer;} #calView .planrow{display:grid;grid-template-columns:100px 1fr 1fr 120px 90px 26px;gap:8px;padding:6px 12px;font-size:12px;color:#4a4436;border-top:1px solid #f0ece1;cursor:pointer;align-items:center;} #calView .planrow:hover{background:#fbf8f1;} #calView .planrow .pdate{color:#8a8270;} #calView .planrow .ptitle{font-weight:600;} #calView .planrow .pnote{color:#8a8270;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #calView .planrow .pstatus{font-size:10px;padding:2px 8px;border-radius:10px;background:#eee7d4;color:#8a6d4a;text-align:center;} #calView .planrow .pstatus.done{background:#dcefe0;color:#2f7a4a;} #calView .planrow .pdel{color:#c0392b;text-align:center;opacity:.6;} #calView .planrow .pdel:hover{opacity:1;} #calView .planempty{padding:10px 12px;font-size:12px;color:#a59b85;font-style:italic;} @media(max-width:820px){ #calView .planrow{grid-template-columns:1fr;gap:2px;padding:8px 12px;} #calView .planrow .pdel{display:none;} } #evtModal{position:fixed;inset:0;z-index:99999;background:rgba(14,14,14,.72);display:none;align-items:center;justify-content:center;font-family:system-ui,sans-serif;padding:16px;} #evtModal.open{display:flex;} #evtModal .box{background:#fff;border-radius:14px;padding:28px 26px 24px;width:440px;max-width:94vw;max-height:92vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.4);} #evtModal h3{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:22px;margin:0 0 14px;color:#1a1a1a;} #evtModal label{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#666;margin-top:12px;margin-bottom:4px;} #evtModal input,#evtModal select,#evtModal textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;background:#fff;font-family:inherit;} #evtModal textarea{min-height:64px;resize:vertical;} #evtModal .two{display:flex;gap:10px;} #evtModal .two>div{flex:1;} #evtModal .rd{display:inline-block;min-width:30px;text-align:center;font-size:12px;padding:5px 7px;margin:0 4px 4px 0;border:1px solid #e0dace;border-radius:6px;cursor:pointer;color:#6a6354;} #evtModal .rd.on{background:#b8a06a;color:#fff;border-color:#b8a06a;} #evtModal .row-btns{display:flex;gap:8px;margin-top:18px;} #evtModal .row-btns button{flex:1;padding:11px;border:0;border-radius:8px;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;} #evtModal .btn-save{background:#b8a06a;color:#fff;} #evtModal .btn-cancel{background:#f0ece3;color:#555;} #evtModal .btn-del{background:#f3dede;color:#9a3b3b;flex:0 0 auto;padding:11px 14px;} #evtModal .msg{font-size:12px;color:#b00020;min-height:15px;margin-top:8px;} #aiPanel{position:fixed;inset:0;z-index:9700;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #aiPanel .sheet{position:absolute;top:0;right:0;height:100%;width:660px;max-width:97vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #aiPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #aiPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #aiPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #aiPanel .body{overflow:auto;flex:1;padding:16px 20px 30px;} #aiPanel label{display:block;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#666;margin:14px 0 5px;} #aiPanel textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #e4e0d8;border-radius:9px;font-size:14px;font-family:inherit;resize:vertical;} #aiPanel details{margin-top:12px;border:1px solid #ece6da;border-radius:9px;padding:8px 12px;background:#fff;} #aiPanel details summary{cursor:pointer;font-size:12px;color:#6a6354;} #aiPanel .mini{font-size:11px;padding:7px 12px;border:1px solid #d8cfa6;border-radius:7px;background:#fff;color:#6a6354;cursor:pointer;margin-top:8px;} #aiPanel .gen{margin-top:16px;width:100%;padding:13px;border:0;border-radius:10px;background:#1a1814;color:#e8d9b5;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;} #aiPanel .gen:disabled{opacity:.5;cursor:default;} #aiPanel .aiload{margin-top:18px;color:#8a8270;font-size:13px;text-align:center;padding:24px;} #aiPanel .aierr{margin-top:16px;color:#b00020;font-size:13px;background:#f8e5e5;border-radius:8px;padding:12px 14px;} #aiPanel .aisum{margin-top:16px;font-size:13px;color:#5f5848;background:#f1ece1;border-radius:8px;padding:11px 13px;} #aiPanel table.aitab{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px;background:#fff;border:1px solid #e7e0d2;border-radius:8px;overflow:hidden;} #aiPanel table.aitab th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#9a917d;text-align:left;padding:8px 10px;background:#f5f1e8;} #aiPanel table.aitab td{padding:8px 10px;border-top:1px solid #f1ece1;} #aiPanel table.aitab tfoot td{border-top:2px solid #e0dace;} #aiPanel .est{font-size:9px;color:#8a7320;background:#efe7d4;border-radius:3px;padding:1px 5px;} #aiPanel .airow{margin:8px 0 4px;} #dealsPanel{position:fixed;inset:0;z-index:9650;display:none;background:rgba(14,14,14,.55);font-family:system-ui,sans-serif;;animation:panelBgIn .18s ease} #dealsPanel .sheet{position:absolute;top:0;right:0;height:100%;width:540px;max-width:96vw;background:#faf8f3;box-shadow:-12px 0 40px rgba(0,0,0,.3);display:flex;flex-direction:column;;animation:sheetSlideIn .22s cubic-bezier(.16,1,.3,1)} #dealsPanel .hd{padding:18px 20px;border-bottom:1px solid #e4e0d8;display:flex;align-items:center;justify-content:space-between;} #dealsPanel .hd h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:22px;margin:0;color:#1a1a1a;} #dealsPanel .hd .x{cursor:pointer;font-size:20px;color:#888;background:none;border:0;} #dealsPanel .tools{padding:11px 20px;border-bottom:1px solid #efe9dd;background:#f5f1e8;display:flex;gap:8px;flex-wrap:wrap;} #dealsPanel .tools input{flex:1;min-width:140px;padding:9px 11px;border:1px solid #e0dace;border-radius:8px;font-size:13px;} #dealsPanel .tools select{padding:8px 9px;border:1px solid #e0dace;border-radius:8px;font-size:12px;background:#fff;} #dealsPanel .tools button.pri{font-size:12px;padding:8px 12px;border:0;border-radius:8px;background:#1a1814;color:#e8d9b5;cursor:pointer;} #dealsPanel .rows{overflow:auto;flex:1;} #dealsPanel .drow2{padding:13px 20px;border-bottom:1px solid #efe9dd;cursor:pointer;display:flex;gap:10px;align-items:flex-start;} #dealsPanel .drow2:hover{background:#f3efe6;} #dealsPanel .drow2 .nm{font-size:14px;color:#1a1a1a;font-weight:500;} #dealsPanel .drow2 .mt{font-size:11px;color:#a59b85;margin-top:2px;} .dst{font-size:9px;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:3px 8px;color:#fff;white-space:nowrap;font-weight:600;} #dealsPanel .empty{padding:30px 20px;color:#999;font-size:13px;text-align:center;} #dealView{position:fixed;inset:0;z-index:8300;display:none;overflow:auto;background:#faf7f0;background-image:radial-gradient(ellipse 1200px 600px at 50% -10%, rgba(184,160,106,.09), transparent);font-family:system-ui,sans-serif;} #dealView.open{display:block;animation:viewFadeIn .22s ease} #dealView .dwrap2{max-width:760px;margin:0 auto;padding:60px 20px 50px;} #dealView .top2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;} #dealView .back{font-size:12px;color:#5f5848;background:#fff;border:1px solid #ddd5c4;border-radius:8px;padding:8px 12px;cursor:pointer;} #dealView .back:hover{border-color:#b8a06a;color:#16140f;} #dealView .card2{background:#fff;border:1px solid #ece4d2;border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 3px rgba(60,50,20,.05),0 8px 20px -14px rgba(60,50,20,.12);} #dealView .card2 h4{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:19px;margin:0 0 14px;color:#16140f;padding-bottom:9px;border-bottom:1px solid #f0e9d8;position:relative;} #dealView .card2 h4::after{content:"";position:absolute;left:0;bottom:-1px;width:26px;height:2px;background:#b8a06a;} #dealView label{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#9a917d;font-weight:600;margin:10px 0 4px;} #dealView input,#dealView select,#dealView textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #e4e0d8;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;} #dealView input:focus,#dealView select:focus,#dealView textarea:focus{outline:none;border-color:#b8a06a;box-shadow:0 0 0 3px rgba(184,160,106,.15);} #dealView textarea{min-height:70px;resize:vertical;} #dealView .two2{display:flex;gap:12px;flex-wrap:wrap;} #dealView .two2>div{flex:1;min-width:160px;} #dealView .li2{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px;margin:0 -8px;border-bottom:1px solid #f4efe4;font-size:13px;border-radius:8px;} #dealView .li2:hover{background:#faf6ea;} #dealView .li2:last-child{border-bottom:0;} #dealView .li2 .lk{color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:8px;} #dealView .li2 button{font-size:11px;padding:5px 10px;border:1px solid #e0dace;border-radius:6px;background:#fff;color:#6a6354;cursor:pointer;} #dealView .li2 button:hover{border-color:#b8a06a;color:#16140f;} #dealView .ic2{font-size:9px;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 6px;} #dealView .ic2.offer{background:#ece6f3;color:#5a3a8a;} #dealView .ic2.contract{background:#dbe7f3;color:#2a5a8a;} #dealView .ic2.deposit_invoice{background:#efe7d4;color:#8a7320;} #dealView .qa{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;} #dealView .qa button{font-size:11px;padding:9px 13px;border:1px solid #ddd5c4;border-radius:8px;background:#fff;color:#5f5848;cursor:pointer;box-shadow:0 1px 2px rgba(60,50,20,.04);} #dealView .qa button:hover{border-color:#b8a06a;color:#16140f;box-shadow:0 2px 8px rgba(184,160,106,.18);} #dealView .qa button.pri{background:linear-gradient(155deg,#16140f,#241f16);color:#e8d9b5;border-color:#16140f;box-shadow:0 2px 10px rgba(22,20,15,.22);} #dealView .qa button.pri:hover{box-shadow:0 4px 16px rgba(22,20,15,.3);} #dealView .qa button.danger{color:#9c5d4a;border-color:#e6cfc4;} #dealView .qa button.danger:hover{border-color:#9c5d4a;background:#fdf6f4;} #dealView .empty{color:#b3a98f;font-size:12px;padding:6px 0;} #sideNav{position:fixed;inset:0;z-index:9800;display:none;background:rgba(14,14,14,.5);font-family:system-ui,sans-serif;} #sideNav.open{display:block;} #docEditView{position:fixed;inset:0;z-index:9900;display:none;flex-direction:column;background:#3a352c;} #docEditView.open{display:flex;} #docEditView .detb{flex:0 0 50px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#1a1814;color:#e8d9b5;font-family:system-ui,sans-serif;font-size:13px;} #docEditView .detb .t{font-family:"Cormorant Garamond",serif;font-size:17px;color:#e8d9b5;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #docEditView .detb button{font-size:12px;padding:9px 14px;border:1px solid #4a4234;border-radius:8px;background:#26221b;color:#d8cdb5;cursor:pointer;white-space:nowrap;} #docEditView .detb button.pri{background:#b8a06a;color:#1a1814;border-color:#b8a06a;font-weight:600;} #docEditView .hint{font-size:11px;color:#8a8068;padding:5px 14px;background:#211e18;font-family:system-ui,sans-serif;} #docEditView iframe{flex:1;width:100%;border:0;background:#fff;} #fcView{position:fixed;left:0;right:0;top:44px;bottom:0;z-index:8300;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif;} #fcView.open{display:block;animation:viewFadeIn .22s ease} #fcView .fctb{position:sticky;top:0;z-index:5;background:#1a1814;color:#e8d9b5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px} #fcView .fctb .t{font-size:16px;margin-right:auto;font-family:"Cormorant Garamond",serif} #fcView .fctb .fcwin{display:inline-flex;gap:2px;background:#2a2620;border-radius:8px;padding:2px} #fcView .fctb .fcwin button{background:#3a342a;border:none;color:#e8d9b5;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:12px} #fcView .fctb .fcwin button:hover{background:#4a4234} #fcView .fctb label{font-size:12px;color:#bcae90} #fcView .fctb input[type=date]{padding:6px 9px;border-radius:7px;border:1px solid #3a342a;background:#26221b;color:#f0e8d6;font-size:13px} #fcView .fctb button{font-size:12px;padding:7px 11px;border:1px solid #4a4234;border-radius:8px;background:#26221b;color:#d8cdb5;cursor:pointer} #fcView .fctb button.pri{background:#b8a06a;color:#1a1814;border-color:#b8a06a;font-weight:600} #fcView .fcmsg{font-size:12px;color:#7fd49b} #fcView .fcwrap{padding:14px 16px 50px;overflow:auto} #fcView .fctabs{display:flex;gap:6px;margin:2px 0 16px;border-bottom:2px solid #e2d9c4} #fcView .fctabs .fctab{font-size:13px;padding:9px 20px;border:1px solid #e2d9c4;border-bottom:none;border-radius:9px 9px 0 0;background:#efe9dd;color:#7a715d;cursor:pointer;font-family:inherit;margin-bottom:-2px} #fcView .fctabs .fctab:hover{background:#e8e0cf;color:#5a5345} #fcView .fctabs .fctab.on{background:#fff;color:#1a1814;font-weight:700;box-shadow:0 -3px 0 #b8a06a inset} #fcView h3.fch{font-family:"Cormorant Garamond",serif;font-size:18px;margin:22px 0 10px;color:#3a352c;position:relative;padding-bottom:9px} #fcView h3.fch::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:#b8a06a} #fcView table{border-collapse:collapse;font-size:12px;background:#fff;margin-bottom:10px;border-radius:10px;box-shadow:0 1px 3px rgba(60,50,20,.05),0 6px 18px -14px rgba(60,50,20,.15)} #fcView th,#fcView td{border:1px solid #e7e0d2;padding:3px 6px;text-align:right;white-space:nowrap} #fcView th{background:#f5f1e8;color:#6a6354;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.03em} #fcView td.lbl,#fcView th.lbl{text-align:left;position:sticky;left:0;background:#faf8f3;min-width:270px;z-index:2} #fcView tr.tot td{font-weight:700;background:#f7f3ea} #fcView tr.tot td.lbl{background:#f1ebdd} #fcView tr.sec td{background:#efe9dd;font-weight:600;color:#6a6354;text-align:left} #fcView td .fi{width:84px;border:1px solid #eee4cf;border-radius:5px;padding:3px 5px;text-align:right;font-size:12px;background:#fffdf8;font-family:inherit} #fcView td .fi:focus{outline:2px solid #b8a06a;background:#fff} #fcView td.calc{color:#444;background:#fbf9f4} #fcView td.neg{color:#b00020} #fcView .mono{font-variant-numeric:tabular-nums} #fcView .ind1{padding-left:22px}#fcView .ind2{padding-left:40px} #fcView .grp{border-left:2px solid #d8cfb0} #fcView .fcnote{font-size:11px;color:#a59b85;padding:4px 16px 30px} #fcView thead th{position:sticky;top:0;z-index:3} #fcView th.lbl{z-index:4} #fcView .qsep{border-left:2px solid #cdbd93} #fcView td.yr,#fcView th.yr{background:#f4efdf;border-left:2px solid #b8a06a;font-weight:600;color:#2a2519} #fcView tr.tot td.yr{background:#ebe1c6} #fcView .bkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:2px 0 20px} #fcView .bkpi{background:#fff;border:1px solid #ece4d2;border-radius:14px;padding:16px 17px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(60,50,20,.05),0 8px 20px -12px rgba(60,50,20,.12)} #fcView .bkpi::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8a06a,#e3d3ab)} #fcView .bkpi .l{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9a917d;font-weight:600} #fcView .bkpi .v{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:29px;color:#16140f;line-height:1.05;margin-top:5px;letter-spacing:-.01em;font-variant-numeric:tabular-nums} #fcView .bkpi .s{font-size:11px;color:#a59b85;margin-top:4px} #fcView .bkpi.accent{background:linear-gradient(165deg,#1c1912,#100e0a);border-color:#1c1912;box-shadow:0 4px 22px -8px rgba(22,20,15,.4)} #fcView .bkpi.accent::before{background:linear-gradient(90deg,#d4bc80,#8a6d2a)} #fcView .bkpi.accent .l{color:#c9b788} #fcView .bkpi.accent .v{color:#fbf3e0} #fcView .bkpi.accent .s{color:#a3936c} #fcView .bkpi .v.pos{color:#4f6b57} #fcView .bkpi .v.neg2{color:#9c5d4a} #fcView .abar{height:9px;background:#f1ebdc;border-radius:5px;overflow:hidden;min-width:80px} #fcView .abar i{display:block;height:100%;border-radius:5px} #fcView .fcupl{margin:0 0 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap} #fcView .fcupl-note{font-size:11px;color:#a59b85} #fcView .rep-box{background:#fff;border:1px solid #e7e0d2;border-radius:14px;padding:14px 16px;margin:0 0 18px} #fcView .rep-head{font-size:14px;color:#2a2519;margin-bottom:10px;display:flex;align-items:center} #fcView .rep-multi{display:inline-block} #fcView .rep-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} #fcView .rep-b{font-size:11.5px;padding:6px 12px;border:1px dashed #c9bd9a;border-radius:8px;background:#faf8f3;color:#6a6354;cursor:pointer} #fcView .rep-b:hover{background:#f1ebdd;border-style:solid} #fcView .rep-guide{margin-top:12px;padding-top:12px;border-top:1px solid #eee4cf;font-size:12.5px;line-height:1.7;color:#4a443a} #fcView .rep-guide b{color:#2a2519} .fccfm-ov{position:fixed;inset:0;background:rgba(20,18,14,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:18px} .fccfm-box{background:#faf8f3;border-radius:16px;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:22px 24px;box-shadow:0 18px 60px rgba(0,0,0,.3);font-family:'Jost',system-ui,sans-serif} .fccfm-h{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#1a1814} .fccfm-sub{font-size:12.5px;color:#6a6354;margin:4px 0 14px} .fccfm-list{display:flex;flex-direction:column;gap:10px} .fccfm-row{background:#fff;border:1px solid #ece3cf;border-radius:10px;padding:11px 14px} .fccfm-row.bad{background:#fbf2ec;border-color:#e7cdbd} .fccfm-t{font-weight:600;font-size:13.5px;color:#1a1814} .fccfm-fn{font-weight:400;color:#a59b85;font-size:11.5px;margin-left:6px} .fccfm-skipl{float:right;font-size:11.5px;color:#8a8170;font-weight:400;cursor:pointer;user-select:none} .fccfm-skipl input{vertical-align:middle;margin-right:3px} .fccfm-m{margin:7px 0 3px;font-size:12.5px;color:#4a443a} .fccfm-sel{font-family:'Jost';font-size:13px;padding:4px 8px;border:1px solid #c9bd9a;border-radius:6px;background:#faf8f3;color:#1a1814} .fccfm-auto{color:#a59b85;font-size:11px;margin-left:6px} .fccfm-s{font-size:11.5px;color:#8a8170} .fccfm-x{font-size:12px;color:#b07a52;margin-top:4px} .fccfm-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} .fccfm-btns button{font-family:'Jost',system-ui,sans-serif;font-size:13px;padding:8px 16px;border-radius:8px;border:1px solid #c9bd9a;background:#fff;color:#4a443a;cursor:pointer} .fccfm-btns button:hover{background:#f1ebdd} .fccfm-btns button.pri{background:#1a1814;color:#e8d9b5;border-color:#1a1814} .fccfm-btns button.pri:hover{background:#2a2620} #fcView .fchelp{margin:0 0 14px;background:#fff;border:1px solid #e7e0d2;border-radius:12px;padding:10px 14px} #fcView .fchelp-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap} #fcView .fchbtn{font-size:12px;padding:6px 12px;border:1px solid #d8cfb0;border-radius:8px;background:#faf8f3;color:#6a6354;cursor:pointer;font-family:inherit} #fcView .fchbtn:hover{background:#f1ebdd} #fcView .fcw{font-size:12px;color:#7a715d} #fcView .fcw input{width:42px;text-align:center;border:1px solid #e2d9c4;border-radius:5px;padding:2px 4px;font:inherit;font-size:12px;background:#fffdf8} #fcView .fchelp-body{margin-top:10px;padding-top:10px;border-top:1px solid #eee4cf;font-size:12.5px;line-height:1.75;color:#4a443a} #fcView .fchelp-body b{color:#2a2519} #sideNav .panel{position:absolute;top:0;right:0;height:100%;width:330px;max-width:90vw;background:#1a1814;color:#e8ddc5;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.45);} #sideNav .sh{padding:16px 18px;border-bottom:1px solid #2e2a22;display:flex;align-items:center;justify-content:space-between;} #sideNav .sh h3{font-family:"Cormorant Garamond",serif;font-size:20px;margin:0;color:#e8d9b5;} #sideNav .sh .x{background:none;border:0;color:#9a9080;font-size:20px;cursor:pointer;} #sideNav .sb{padding:12px 16px;border-bottom:1px solid #2e2a22;} #sideNav .sb input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:9px;border:1px solid #3a342a;background:#26221b;color:#f0e8d6;font-size:13px;} #sideNav .nav{padding:6px 10px;overflow:auto;flex:1;} #sideNav .nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;color:#d8cdb5;font-size:14px;padding:11px 12px;border-radius:9px;cursor:pointer;} #sideNav .nav button:hover{background:#26221b;color:#fff;} #sideNav .nav button.active{background:#2e2820;color:#fff;box-shadow:inset 3px 0 0 #b8a06a;} #sideNav .nav .sec{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7a7058;padding:13px 12px 4px;} #sideNav .res{overflow:auto;flex:1;padding:4px 10px 16px;display:none;} #sideNav .res.show{display:block;} #sideNav .res .rg{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7a7058;padding:11px 8px 4px;} #sideNav .res .ri{padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#e0d6bf;} #sideNav .res .ri:hover{background:#26221b;} #sideNav .res .ri .m{font-size:11px;color:#8a8068;margin-top:1px;} #sideNav .res .empty{color:#8a8068;font-size:12px;padding:14px 10px;} body.shared-view #cloudBar,body.shared-view #cloudLogin{display:none !important;} body.shared-view #view-offer{top:0 !important;} #sharedBadge{position:fixed;top:0;left:0;right:0;height:34px;z-index:9000;display:none;align-items:center;justify-content:center; background:#1a1814;color:#cbb88a;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.05em;} body.shared-view #sharedBadge{display:flex;} body.shared-view #view-offer{top:34px !important;} /* ===== Mesačné uzávierky ===== */ #clView{position:fixed;left:0;right:0;top:44px;bottom:0;z-index:8300;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif} #clView.open{display:block;animation:viewFadeIn .22s ease} #clView .fctb{position:sticky;top:0;z-index:5;background:#1a1814;color:#e8d9b5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px} #clView .fctb .t{font-size:16px;font-family:"Cormorant Garamond",serif} #clView .fctb select,#clView .fctb input{padding:6px 9px;border-radius:7px;border:1px solid #3a342a;background:#26221b;color:#f0e8d6;font-size:13px} #clView .fctb button{font-size:12px;padding:7px 11px;border:1px solid #4a4234;border-radius:8px;background:#26221b;color:#d8cdb5;cursor:pointer} #clView .fctb button.pri{background:#b8a06a;color:#1a1814;border-color:#b8a06a;font-weight:600} #clView .fcmsg{font-size:12px;color:#7fd49b} #clView .fcwrap{padding:14px 16px 60px;overflow:auto} #clView .fcnote{font-size:12px;color:#8a8069;padding:6px 2px 20px;max-width:760px;line-height:1.5} #clView h3.fch{font-family:"Cormorant Garamond",serif;font-size:19px;margin:18px 0 10px;color:#3a352c;position:relative;padding-bottom:9px} #clView h3.fch::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:#b8a06a} #clView table.cltbl{border-collapse:collapse;font-size:12px;background:#fff;margin-bottom:14px;border-radius:10px;box-shadow:0 1px 3px rgba(60,50,20,.05),0 6px 18px -14px rgba(60,50,20,.15)} #clView .cltbl th,#clView .cltbl td{border:1px solid #e7e0d2;padding:3px 6px;text-align:right;white-space:nowrap} #clView .cltbl th{background:#f5f1e8;color:#6a6354;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.03em} #clView .cltbl td.lbl,#clView .cltbl th.lbl{text-align:left;position:sticky;left:0;background:#faf8f3;min-width:270px;z-index:2} #clView .cltbl tr.tot td{font-weight:700;background:#f7f3ea} #clView .cltbl tr.tot td.lbl{background:#f1ebdd} #clView .cltbl tr.sec td{background:#efe9dd;font-weight:600;color:#6a6354;text-align:left} #clView .cltbl td .fi{width:92px;border:1px solid #cfe0cf;border-radius:5px;padding:3px 5px;text-align:right;font-size:12px;background:#f4faf4;font-family:inherit} #clView .cltbl td .fi:focus{outline:2px solid #b8a06a;background:#fff} #clView .cltbl td.calc{color:#444;background:#fbf9f4} #clView .cltbl td.neg{color:#b00020} #clView .mono{font-variant-numeric:tabular-nums} #clView .ind1{padding-left:22px}#clView .ind2{padding-left:40px} #clView .grp{border-left:2px solid #d8cfb0} #clView .clhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 4px} #clView .clbtns{display:flex;gap:8px;margin-left:auto} #clView .fchbtn{font-size:12px;padding:7px 12px;border:1px solid #d8cfba;border-radius:8px;background:#fff;color:#4a4436;cursor:pointer} #clView .fchbtn.pri{background:#b8a06a;border-color:#b8a06a;color:#1a1814;font-weight:600} #clView .clnote{font-size:12px;color:#6a6354;background:#fbf6e9;border:1px solid #ecdfbf;border-radius:10px;padding:9px 12px;margin:6px 0 12px;max-width:820px;line-height:1.5} #clView .clcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:6px} #clView .clcard{background:#fff;border:1px solid #e7e0d2;border-radius:14px;padding:16px 16px 14px;box-shadow:0 1px 3px rgba(0,0,0,.04)} #clView .clcard-t{font-family:"Cormorant Garamond",serif;font-size:20px;color:#1a1814} #clView .clcard-m{font-size:11px;color:#a59b85;margin:4px 0 12px} #clView .clcard-b{display:flex;gap:8px} #clView .clcard-b button{font-size:12px;padding:6px 12px;border:1px solid #d8cfba;border-radius:8px;background:#f7f3ea;color:#4a4436;cursor:pointer} #clView .clcard-b button.pri{background:#b8a06a;border-color:#b8a06a;color:#1a1814;font-weight:600} #clView .clchart{margin:10px 0 30px;background:#fff;border:1px solid #e7e0d2;border-radius:14px;padding:16px 18px} #clView .clchk{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px} #clView .clchk label{font-size:11px;color:#6a6354;background:#f5f1e8;border:1px solid #e7dfc9;border-radius:20px;padding:4px 11px;cursor:pointer;user-select:none} #clView .clchk label.on{background:#1a1814;color:#e8d9b5;border-color:#1a1814} #clView .clchk input{vertical-align:middle;margin-right:3px} #clView .clsvg{width:100%;height:auto;max-width:100%} #clView .cllegend{display:flex;gap:18px;margin-top:8px;font-size:11px;color:#6a6354} #clView .cllegend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:middle} @media print{ @page clLand{ size:A4 landscape; margin:9mm; } body.cl-printing *{visibility:hidden!important} body.cl-printing #clPrintArea,body.cl-printing #clPrintArea *{visibility:visible!important} body.cl-printing #clPrintArea{position:absolute;left:0;top:0;width:100%;padding:0;page:clLand} body.cl-printing .clbtns,body.cl-printing .clchk,body.cl-printing .clnote{display:none!important} body.cl-printing{background:#fff} body.cl-printing #clView .clhead{margin:0 0 6px} body.cl-printing #clView h3.fch{font-size:15px;margin:0 0 7px;color:#1a1814} /* tabuľka cez celú šírku, čitateľná, bez sticky stĺpca */ body.cl-printing #clView .cltbl{width:100%;font-size:9px;box-shadow:none;table-layout:fixed} body.cl-printing #clView .cltbl th,body.cl-printing #clView .cltbl td{padding:2px 4px;overflow:hidden;text-overflow:ellipsis} body.cl-printing #clView .cltbl td.lbl,body.cl-printing #clView .cltbl th.lbl{position:static;min-width:0;width:200px;background:#faf8f3} body.cl-printing #clView .cltbl td .fi{border:none;background:transparent;width:100%;font-size:9px;padding:0;text-align:right} body.cl-printing #clView .cltbl tr{page-break-inside:avoid} body.cl-printing #clView thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact} /* grafy na ďalšej strane */ body.cl-printing #clView .clchart{page-break-before:always;break-before:page;border:none;padding:0;margin:0} body.cl-printing #clView .clchart h3.fch{margin:0 0 12px} body.cl-printing #clView .clsvg{width:100%;height:auto;max-height:none} body.cl-printing #clView .cllegend{margin-top:12px;font-size:12px} body.cl-printing .cltbl th,body.cl-printing .cltbl td,body.cl-printing .clsvg rect,body.cl-printing .cllegend i{-webkit-print-color-adjust:exact;print-color-adjust:exact} } /* ===== Výber farby akcie v kalendári ===== */ .evtcolors{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 4px} .evtcolors .sw{width:24px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .08s} .evtcolors .sw:hover{transform:scale(1.12)} .evtcolors .sw.sel{border-color:#1a1814;box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1814} .evtcolors .sw-auto{width:auto;height:24px;padding:0 10px;font-size:11px;background:#efeae0;color:#5f5848;box-shadow:inset 0 0 0 1px #d8cfba;font-weight:600} .evtcolors .sw-auto.sel{border-color:#1a1814;box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1814} .evtcolors .swsep{width:1px;height:20px;background:#e0d8c6;margin:0 2px} .evtcolors .sw-custom{width:26px;height:26px;border-radius:6px;border:2px dashed #c9bd9a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;position:relative;background:#faf8f3} .evtcolors .sw-custom.sel{border:2px solid #1a1814;box-shadow:0 0 0 2px #fff,0 0 0 3px #1a1814} .evtcolors .sw-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0} /* ===== HP / MHP rozdelenie izieb v uzávierke ===== */ #clView .clhpmhp{margin:18px 0 26px;background:#fff;border:1px solid #e7e0d2;border-radius:14px;padding:16px 18px} #clView .clhpupl{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 14px;font-size:12px;color:#6a6354} #clView .clhpupl input[type=file]{font-size:11px;max-width:220px} #clView .clhpupl input[type=number]{border:1px solid #cfe0cf;border-radius:5px;padding:3px 5px;font-size:12px} #clView table.clhpmhptbl{width:100%;max-width:920px} #clView table.clhpmhptbl th{text-align:right} #clView table.clhpmhptbl th.lbl,#clView table.clhpmhptbl td.lbl{text-align:left} @media print{ body.cl-printing #clView .clhpupl{display:none!important} } /* ===== Štatistika – prezentačný report (HP/MHP/SPOLU) ===== */ #clView .stsheet{margin:18px 0 30px;background:#eef3f8;border-radius:16px;padding:22px 24px 26px;box-shadow:0 1px 3px rgba(20,40,70,.06),0 10px 26px -16px rgba(20,40,70,.2)} #clView .sttitle{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:30px;letter-spacing:.01em;color:#16233c;margin:2px 0 16px;position:relative;padding-bottom:14px} #clView .sttitle::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;background:linear-gradient(90deg,#b8a06a,transparent)} #clView table.sttable{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:12.5px} #clView .sttable thead th{color:#fff;font-weight:700;font-size:12px;text-transform:none;padding:10px 10px;text-align:right;letter-spacing:.01em;line-height:1.5} #clView .sttable thead th .styrs{display:block;font-weight:400;font-size:10.5px;opacity:.85;letter-spacing:0;text-transform:none} #clView .sttable thead th.stlblh{background:#16233c;text-align:left;border-radius:8px 0 0 8px;padding-left:14px} #clView .sttable thead th.hhp{background:#1f7a6c} #clView .sttable thead th.hhppy{background:#4a9a8c} #clView .sttable thead th.hmhp{background:#2f6fb0} #clView .sttable thead th.hmhppy{background:#5c93c8} #clView .sttable thead th.hsp{background:#e8792a} #clView .sttable thead th.hsppy{background:#ee9a5c;border-radius:0 8px 8px 0} #clView .sttable tbody tr{background:#fff} #clView .sttable td{padding:6px 10px;text-align:right;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5} #clView .sttable td.stlbl{text-align:left;background:#16233c;color:#eef1f5;font-size:12px;border-radius:6px 0 0 6px;white-space:nowrap;padding-left:14px} #clView .sttable td.stlbl .stico{margin-right:8px} #clView .sttable td.stc{color:#1a2233;font-variant-numeric:tabular-nums} #clView .sttable td.stc.hl{background:#dcf0cf} #clView .sttable tr.sttot td.stlbl{background:#16233c;font-weight:700} #clView .sttable tr.sttot td.stc{background:#eef3f8;font-weight:700} #clView .sttable td .stcur{font-weight:600;color:#16233c;font-variant-numeric:tabular-nums} #clView .sttable td .stpy{font-size:11px;color:#8a93a3;margin-top:2px;font-variant-numeric:tabular-nums} #clView .sttable td .stunit{margin-left:2px;color:#8a93a3;font-weight:400} #clView .sttable td .stcur .stunit{color:#5a6577} #clView .sttable td .stedit{display:inline-flex;align-items:center;gap:2px} #clView .sttable td.stcs{color:#16233c;font-weight:600;font-variant-numeric:tabular-nums} #clView .sttable td.stcs.stpycol{color:#8a93a3;font-weight:500} #clView .sttable tr.sttot td.stcs{font-weight:700} #clView .sttable td .stin{width:56px;border:1px dashed #b9c3d1;border-radius:5px;padding:3px 5px;text-align:right;font-size:12px;background:#fbfcfe;color:#1a2233} #clView .sttable td .stin:focus{outline:none;border-color:#2f6fb0;background:#fff} #clView .sttable td .stin::placeholder{color:#c3ccd8} #clView .sttable td .stinfmt{display:none} #clView .sttable td .stcur .stedit .stin{font-weight:600} #clView .stcards{display:flex;flex-wrap:wrap;gap:14px;background:#fff;border-radius:16px;padding:18px 20px;margin-top:16px} #clView .stcard{display:flex;align-items:center;gap:12px;flex:1;min-width:190px} #clView .stcico{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;flex-shrink:0} #clView .stcico.c1{background:#1f7a6c} #clView .stcico.c2{background:#2f6fb0} #clView .stcico.c3{background:#e8792a} #clView .stcv{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:23px;color:#16233c;line-height:1.1} #clView .stcv.neg{color:#c0392b} #clView .stcl{font-size:11px;color:#7a8494;line-height:1.35;margin-top:2px} @media print{ body.cl-printing #clView .stsheet{page-break-before:always;break-before:page;background:#eef3f8;box-shadow:none} body.cl-printing #clView .sttable td .stedit{display:none} body.cl-printing #clView .sttable td .stinfmt{display:inline} body.cl-printing #clView .sttable,body.cl-printing #clView .sttable th,body.cl-printing #clView .sttable td,body.cl-printing #clView .stcico{-webkit-print-color-adjust:exact;print-color-adjust:exact} } /* ===== MICE Pipeline (Akcie - tabuľka) ===== */ #mvView{position:fixed;left:0;right:0;top:44px;bottom:0;z-index:8300;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif} #mvView.open{display:block;animation:viewFadeIn .22s ease} #mvView .fctb{position:sticky;top:0;z-index:5;background:#1a1814;color:#e8d9b5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px} #mvView .fctb .t{font-size:16px;font-family:"Cormorant Garamond",serif} #mvView .fctb select,#mvView .fctb input{padding:6px 9px;border-radius:7px;border:1px solid #3a342a;background:#26221b;color:#f0e8d6;font-size:13px} #mvView .fctb button{font-size:12px;padding:7px 11px;border:1px solid #4a4234;border-radius:8px;background:#26221b;color:#d8cdb5;cursor:pointer} #mvView .fctb button.pri{background:#b8a06a;color:#1a1814;border-color:#b8a06a;font-weight:600} #mvView .fcmsg{font-size:12px;color:#7fd49b} #mvView .fcwrap{padding:14px 16px 60px;overflow:auto} #mvView table.mvtbl{border-collapse:collapse;font-size:12px;background:#fff;width:100%;min-width:1700px} #mvView .mvtbl td.calc{max-width:200px;overflow:hidden;text-overflow:ellipsis} #mvView .mvtbl th{background:#f5f1e8;color:#6a6354;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.03em;padding:8px 8px;text-align:right;position:sticky;top:0} #mvView .mvtbl th.lbl{text-align:left} #mvView .mvtbl td{border-bottom:1px solid #eee6d3;padding:6px 8px;text-align:right;white-space:nowrap} #mvView .mvtbl td.lbl{text-align:left;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis} #mvView .mvtbl tr.mvrow{cursor:pointer} #mvView .mvtbl tr.mvrow:hover{background:#faf6ea} #mvView .mvst{display:inline-block;padding:2px 9px;border-radius:20px;color:#fff;font-size:10px;font-weight:600} #mvView .mono{font-variant-numeric:tabular-nums} /* ===== Sales Meetingy ===== */ #smView{position:fixed;left:0;right:0;top:44px;bottom:0;z-index:8300;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif} #smView.open{display:block;animation:viewFadeIn .22s ease} #smView .fctb{position:sticky;top:0;z-index:5;background:#1a1814;color:#e8d9b5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px} #fcView .fctb, #clView .fctb, #mvView .fctb, #smView .fctb, #fbrView .fctb{ background:linear-gradient(155deg,#1c1912,#141119); border-bottom:2px solid transparent; border-image:linear-gradient(90deg,#b8a06a,#8a6d2a 40%,transparent 85%) 1; box-shadow:0 4px 14px -6px rgba(0,0,0,.35); } #smView .fctb .t{font-size:19px;font-family:"Cormorant Garamond",serif} #smView .fctb button{font-size:13.5px;padding:9px 14px;border:1px solid #4a4234;border-radius:8px;background:#26221b;color:#d8cdb5;cursor:pointer} #smView .fctb button.pri{background:#b8a06a;color:#1a1814;border-color:#b8a06a;font-weight:600} #smView .fcmsg{font-size:13px;color:#7fd49b} #smView .fcwrap{padding:36px 24px 90px;display:flex;justify-content:center} #smView h3.fch{font-family:"Cormorant Garamond",serif;font-size:28px;margin:8px 0 22px;color:#3a352c;text-align:center;width:100%;position:relative;padding-bottom:14px} #smView h3.fch::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:48px;height:2px;background:#b8a06a} #smView .fcnote{font-size:14px;color:#8a8069;line-height:1.5} #smView .smlistwrap{display:flex;flex-direction:column;align-items:center;width:100%} #smView .smcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;width:100%} #smView .smcard{background:#fff;border:1px solid #ece4d2;border-radius:16px;padding:24px;cursor:pointer;box-shadow:0 1px 3px rgba(60,50,20,.05),0 8px 20px -12px rgba(60,50,20,.12);position:relative;overflow:hidden} #smView .smcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8a06a,#e3d3ab)} #smView .smcard:hover{box-shadow:0 2px 6px rgba(60,50,20,.08),0 12px 26px -12px rgba(60,50,20,.18);transform:translateY(-1px)} #smView .smcard:hover{border-color:#b8a06a} #smView .smcard-d{font-size:13px;color:#a59b85;margin-bottom:4px} #smView .smcard-t{font-family:"Cormorant Garamond",serif;font-size:24px;color:#1a1814;margin-bottom:10px} #smView .smcard-a{font-size:14.5px;color:#6a6354;margin-bottom:12px} #smView .smbadge{font-size:13px;padding:5px 13px;border-radius:20px;background:#f0e6c9;color:#8a6d2a;font-weight:600} #smView .smbadge.done{background:#dcefd8;color:#2a6b32} #smView .smbadge.muted{background:#eee;color:#999} #smView .smpaper{width:100%;max-width:820px;background:#fff;border:1px solid #e7e0d2;border-radius:20px;padding:36px 40px;box-shadow:0 4px 18px rgba(0,0,0,.06)} #smView .smhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px} #smView .smhead .fi{border:1px solid #d8cfba;border-radius:8px;padding:12px 15px;font-size:17px} #smView .smhead .smtitle{flex:1;min-width:220px;font-family:"Cormorant Garamond",serif;font-size:23px} #smView .fchbtn{font-size:14px;padding:10px 16px;border:1px solid #d8cfba;border-radius:8px;background:#fff;color:#4a4436;cursor:pointer} #smView .smlbl{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8a7d5a;margin:26px 0 9px} #smView .smpaper input[type=text].fi{font-size:17px;padding:12px 15px} #smView .smtasks{display:flex;flex-direction:column;gap:12px} #smView .smtask{background:#fbf9f4;border:1px solid #e7e0d2;border-radius:12px;padding:16px 18px} #smView .smtask.done{opacity:.55} #smView .smtask.overdue{border-color:#d99} #smView .smt-row{display:flex;align-items:center;gap:12px} #smView .smtask input[type=checkbox]{flex-shrink:0;width:19px;height:19px} #smView .smt-text{flex:1;min-width:120px;border:none;background:transparent;font-size:17px;padding:6px 2px} #smView .smt-assignee{width:130px;border:1px solid #e7e0d2;border-radius:7px;font-size:14px;padding:8px 10px;background:#fff} #smView .smt-due{width:150px;border:1px solid #e7e0d2;border-radius:7px;font-size:14px;padding:8px 10px;background:#fff} #smView .smt-del{border:none;background:none;color:#b06a6a;cursor:pointer;font-size:18px;padding:4px 8px} #smView .smt-comment{width:100%;box-sizing:border-box;margin-top:12px;border:1px solid #e7e0d2;border-radius:9px;padding:11px 13px;font-family:inherit;font-size:14.5px;line-height:1.5;background:#fff;resize:vertical;min-height:48px} #smView .smtasks-global{max-width:820px;width:100%} #smView .smtasks-global .smt-gtext{flex:1;font-size:16px;cursor:pointer} #smView .smtasks-global .smt-gmeta{font-size:13px;color:#8a8069} #smView .smtasks-global .smt-gmeta a{color:#5a7fb0;cursor:pointer;text-decoration:underline} /* MICE Pipeline Štatistika */ #mvView .mvstatgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px} #mvView .mvstatcard{background:#fff;border:1px solid #eee6d3;border-radius:12px;padding:17px 18px 15px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(60,50,20,.05),0 6px 16px -12px rgba(60,50,20,.1)} #mvView .mvstatcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#b8a06a,#e3d3ab)} #mvView .mvstatcard .l{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8a8069;margin-bottom:6px} #mvView .mvstatcard .v{font-family:"Cormorant Garamond",serif;font-size:26px;color:#1a1814;font-weight:700} #mvView .mvstatcard .s{font-size:12px;color:#a59b85;margin-top:4px} #mvView h3.fch{font-family:"Cormorant Garamond",serif;font-size:18px;color:#3a352c;margin-bottom:16px;position:relative;padding-bottom:10px} #mvView h3.fch::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:#b8a06a} /* ============================================================ MOBILNÉ ÚPRAVY (telefóny, šírka do 640px) ============================================================ */ @media(max-width:640px){ /* --- Toolbary (fctb) vo všetkých celoobrazovkových pohľadoch --- */ #fcView .fctb, #clView .fctb, #mvView .fctb, #smView .fctb, #fbrView .fctb{padding:8px 10px;gap:7px} #fcView .fctb .t, #clView .fctb .t, #mvView .fctb .t, #smView .fctb .t, #fbrView .fctb .t{font-size:15px;width:100%;order:-1} #fcView .fctb select, #clView .fctb select, #mvView .fctb select, #fcView .fctb input, #clView .fctb input, #mvView .fctb input, #fcView .fctb button, #clView .fctb button, #mvView .fctb button, #smView .fctb button{ min-height:40px; font-size:13px; padding:8px 10px; } #mvView .fctb input#mvSearch{flex:1;min-width:0;width:100%} #fcView .fctb button[style*="margin-left:auto"], #clView .fctb button[style*="margin-left:auto"], #mvView .fctb button[style*="margin-left:auto"], #smView .fctb button[style*="margin-left:auto"]{margin-left:0!important} /* --- Obsah/odsadenia --- */ #fcView .fcwrap, #clView .fcwrap, #mvView .fcwrap, #fbrView .fcwrap{padding:10px 8px 50px} #smView .fcwrap{padding:16px 10px 70px} #smView .smpaper{padding:22px 16px;border-radius:14px} #smView .smhead .smtitle{font-size:18px;min-width:0;width:100%} #smView h3.fch{font-size:22px} #dashView .dwrap{padding:56px 12px 50px} /* --- Tabuľky: horizontálny scroll s náznakom, menšie písmo --- */ #mvView table.mvtbl, #clView table.cltbl, #clView table.sttable{font-size:11px} #mvView .fcwrap, #clView .fcwrap{-webkit-overflow-scrolling:touch} #clView table.sttable{min-width:520px} #clView .sttable td, #clView .sttable th{padding:6px 6px} #clView .sttitle{font-size:21px} #clView table.clhpmhptbl{min-width:640px} /* --- Karty (KPI, bkpi, mvstat, smcard) na 1-2 stĺpce, menší text --- */ #fcView .bkpis, #dashView .kpis, #mvView .mvstatgrid{grid-template-columns:repeat(2,1fr)} #fcView .bkpi .v, #dashView .kpi .val{font-size:19px} #smView .smcards{grid-template-columns:1fr} /* --- Dashboard hlavička/akcie --- */ #dashView .dactions button{min-height:40px;font-size:12.5px;flex:1;min-width:44%} #dashView .greet{font-size:22px} /* --- Deal karta (MICE detaily) --- */ #dealView .two2{flex-direction:column} #dealView .two2>div{min-width:0} /* --- Bočné panely (dealsPanel, docsPanel, foldersPanel) na celú šírku --- */ #dealsPanel .sheet, #docsPanel .sheet{width:100vw;max-width:100vw} /* --- Postranné menu --- */ #sideNav .nav button{padding:13px 12px;font-size:15px} } @media(max-width:400px){ #clView .sttitle{font-size:18px} #dashView .greet{font-size:19px} #fcView .bkpis, #dashView .kpis, #mvView .mvstatgrid{grid-template-columns:1fr} } /* ============================================================ PLYNULOSŤ CELÉHO PROSTREDIA ============================================================ */ @keyframes viewFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { #dashView.open, #fcView.open, #clView.open, #mvView.open, #smView.open, #fbrView.open { animation: none !important; } } @keyframes panelBgIn { from { background-color: rgba(14,14,14,0); } to { background-color: rgba(14,14,14,.55); } } @keyframes sheetSlideIn { from { transform: translateX(24px); opacity: .4; } to { transform: translateX(0); opacity: 1; } } @media (prefers-reduced-motion: reduce) { #cloudPanel, #histPanel, #nlPanel, #docsPanel, #foldersPanel, #aiPanel, #dealsPanel, #cloudPanel .sheet, #histPanel .sheet, #nlPanel .sheet, #docsPanel .sheet, #foldersPanel .sheet, #aiPanel .sheet, #dealsPanel .sheet { animation: none !important; } } /* ============================================================ F&B REPORT (Financie) — pridané ============================================================ */ #fbrView{position:fixed;left:0;right:0;top:44px;bottom:0;z-index:8300;display:none;overflow:auto;background:#f3efe6;font-family:system-ui,sans-serif} #fbrView.open{display:block;animation:viewFadeIn .22s ease} #fbrView .fcwrap{padding:14px 16px 60px;overflow:auto} #fbrView h3.fch{font-family:"Cormorant Garamond",serif;font-size:19px;margin:18px 0 10px;color:#3a352c;position:relative;padding-bottom:9px} #fbrView h3.fch::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:#b8a06a} #fbrView .fbrcard{background:#fff;border:1px solid #e7e0d2;border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(60,50,20,.05),0 6px 18px -14px rgba(60,50,20,.15)} #fbrView .fbrhint{color:#8a8069;font-size:12.5px;margin:0 0 14px;line-height:1.5} #fbrView .fbrgrid2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @media(max-width:760px){#fbrView .fbrgrid2{grid-template-columns:1fr}} #fbrView .fbrdz{border:1.5px dashed #cbbf9c;border-radius:10px;padding:20px;text-align:center;background:#fbf9f4;cursor:pointer;position:relative} #fbrView .fbrdz:hover,#fbrView .fbrdz.drag{border-color:#b8a06a;background:#f6efdd} #fbrView .fbrdz input{position:absolute;inset:0;opacity:0;cursor:pointer} #fbrView .fbrdz .ti{font-weight:600;color:#3a352c;font-size:13.5px} #fbrView .fbrdz .su{color:#8a8069;font-size:11.5px;margin-top:3px} #fbrView .fbrstatus{margin-top:8px;font-size:12.5px;padding:7px 9px;border-radius:6px;display:none} #fbrView .fbrstatus.ok{display:block;background:#eaf5ec;color:#2f7a4f;border:1px solid #cfe9d6} #fbrView .fbrstatus.err{display:block;background:#fbeceb;color:#b8452f;border:1px solid #f1cfca} #fbrView label.fbrlbl{display:block;font-size:11px;color:#8a8069;margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em} #fbrView select.fbrin,#fbrView input.fbrin{width:100%;padding:8px 9px;border:1px solid #e0d8c2;border-radius:6px;font-size:13.5px;background:#fff;color:#1a1814;box-sizing:border-box} #fbrView .fbrtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px} #fbrView .fbrtabbtn{padding:6px 13px;border-radius:999px;border:1px solid #e0d8c2;background:#fff;font-size:12.5px;cursor:pointer;color:#3a352c;font-weight:600} #fbrView .fbrtabbtn.active{background:#1a1814;color:#e8d9b5;border-color:#1a1814} #fbrView .fbralloc{display:grid;grid-template-columns:1.3fr .8fr 2fr 30px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0ebdc} #fbrView .fbralloc input{padding:6px 7px;font-size:12.5px;border:1px solid #e0d8c2;border-radius:5px} #fbrView .fbralloc .rp{text-align:left;background:none;border:1px dashed #d8cfba;border-radius:5px;padding:5px 7px;cursor:pointer;font-size:11.5px;color:#3a352c} #fbrView .fbralloc .rp.warn{color:#a9722a;border-color:#e8c98f} #fbrView .fbralloc .del{background:none;border:none;color:#b8452f;cursor:pointer;font-size:15px} #fbrView button.fbrbtn{font-size:12.5px;padding:8px 14px;border:1px solid #d8cfba;border-radius:8px;background:#fff;color:#4a4436;cursor:pointer;font-weight:600} #fbrView button.fbrbtn.pri{background:#b8a06a;border-color:#b8a06a;color:#1a1814} #fbrView button.fbrbtn:disabled{opacity:.45;cursor:not-allowed} #fbrView button.fbrbtn.gold{background:linear-gradient(155deg,#c9b072,#b8a06a);border-color:#b8a06a;color:#1a1814} #fbrView .fbrwarnbox{background:#fbf3e2;border:1px solid #edd9ab;border-radius:10px;padding:14px 16px;margin-bottom:16px;font-size:12.5px} #fbrView .fbrwarnbox h4{margin:0 0 8px;font-size:13px;color:#a9722a} #fbrView .fbrwarnbox table{width:100%;font-size:11.5px;border-collapse:collapse} #fbrView .fbrwarnbox td,#fbrView .fbrwarnbox th{padding:3px 7px;text-align:left;border-bottom:1px solid #f0e4c8} #fbrView table.fbrtbl{width:100%;border-collapse:collapse;font-size:12.5px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(60,50,20,.05)} #fbrView table.fbrtbl th{text-align:right;padding:6px 9px;border-bottom:2px solid #1a1814;color:#1a1814;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;background:#f5f1e8} #fbrView table.fbrtbl th:first-child,#fbrView table.fbrtbl th:nth-child(2){text-align:left} #fbrView table.fbrtbl td{padding:4px 9px;border-bottom:1px solid #f0ebdc;text-align:right;white-space:nowrap} #fbrView table.fbrtbl td:first-child{text-align:left;color:#8a8069;width:66px} #fbrView table.fbrtbl td:nth-child(2){text-align:left} #fbrView table.fbrtbl tr.sum td{font-weight:700;background:#f7f3ea} #fbrView table.fbrtbl tr.kpi td{font-weight:700;background:#efe6cf} #fbrView table.fbrtbl td.pos{color:#2f7a4f} #fbrView table.fbrtbl td.neg{color:#b8452f} #fbrView .fbrtblwrap{overflow-x:auto} #fbrView .fbrpicker{position:absolute;z-index:50;background:#fff;border:1px solid #e7e0d2;border-radius:8px;box-shadow:0 6px 24px rgba(15,20,10,.18);padding:12px;width:320px;max-height:320px;overflow:auto} #fbrView .fbrpicker label{display:flex;gap:6px;align-items:center;font-size:12px;padding:2px 0;cursor:pointer} @media print{ body.fbr-printing #fbrView{position:static;overflow:visible;background:#fff} body.fbr-printing #fbrView .fctb,body.fbr-printing #fbrView .fbrcard.no-print,body.fbr-printing #sideNav{display:none!important} }