.brand.brand-image{display:block;line-height:0;letter-spacing:normal}.brand-image img{display:block;width:100%;height:auto;max-width:195px;background:white}.login-brand{display:block;max-width:330px;width:100%;height:auto;background:white;margin:0 auto 24px}.login{max-width:480px}.sidebar .nav-label{margin-top:30px}@media(max-width:650px){.brand-image img{max-width:180px}.login-brand{max-width:290px}}

.login-centered{text-align:center}.login-centered form,.login-centered label,.login-centered input{text-align:center}.login-centered .errorlist{list-style:none;padding-left:0}.login-centered .login-brand{margin-bottom:20px}

.add-document-button{background:#0866ed;border-color:#0866ed;color:#fff}.add-document-button:hover{background:#0753c1;border-color:#0753c1}

/* Highlight the current section, not always the first menu item. */
.sidebar nav .nav-item:first-child:not(.current){background:none;color:#50645b;font-weight:400}
.sidebar nav .nav-item.current{background:#eaf2ec;color:var(--green);font-weight:600}
.sidebar{overflow-y:auto}
.match-proposal{display:block;margin-top:4px}
.nav-group{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:4px 14px 6px}
.nav-sub{padding-left:22px}
.heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.invoice-lines td{padding:8px 6px}.invoice-lines input,.invoice-lines select{width:100%}
.invoice-form .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px}
.invoice-form label{display:block;font-size:12px;color:#61736a;margin-bottom:4px}.invoice-form input,.invoice-form select,.invoice-form textarea{width:100%}
.invoice-form section{margin-bottom:20px}.invoice-form .panel{padding:22px 25px}
.invoice-summary{text-align:right;font-size:14px}.invoice-summary strong{font-size:22px}
@media(max-width:650px){.nav-group{display:none}.nav-sub{padding-left:10px}}
.direction-choice{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.direction-choice legend{font-weight:650;margin-bottom:10px}
.direction-option{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--line);border-radius:10px;padding:16px;cursor:pointer;background:#fff}
.direction-option:has(input:checked){border-color:var(--green);background:#eef6f0}
.direction-option strong{display:block;font-size:15px}.direction-option small{color:var(--muted)}
@media(max-width:650px){.direction-choice{grid-template-columns:1fr}}
.small-button{padding:7px 12px;font-size:12px;margin-top:6px}
.assign-dialog{width:min(760px,94vw);max-height:86vh;border:1px solid var(--line);border-radius:12px;padding:0;overflow:auto}
.assign-dialog::backdrop{background:rgba(20,40,35,.35)}
.assign-dialog form>*:not(.panel-title){margin:12px 25px}
.assign-dialog input[type=search]{width:calc(100% - 50px)}
.assign-list{display:grid;gap:8px}
.assign-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink)}
.assign-row:hover{border-color:var(--green);background:#f3f8f4}.assign-row small{display:block;color:var(--muted);margin-top:3px}
.inline-form{display:inline}.inline-form .text-button{margin-top:6px;color:#a44032}
.nav-count{display:inline-block;min-width:20px;padding:1px 7px;border-radius:10px;background:#1463f3;color:#fff;font-size:11px;font-weight:700;text-align:center;margin-left:4px}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.overview-grid .panel ul{list-style:none;margin:0;padding:6px 25px 18px}.overview-grid .panel li{padding:12px 0;border-bottom:1px solid #eff2ed;display:flex;justify-content:space-between;gap:10px;align-items:center}
.overview-grid .panel li:last-child{border-bottom:0}.overview-grid small{display:block;color:var(--muted)}
.overdue{color:#b44935;font-weight:600}.empty-line{color:var(--muted);padding:16px 25px}
.task-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.task-box{padding:22px 25px}.task-box textarea,.task-box input[type=text]{width:100%}
.score-high td:first-child{border-left:3px solid #b44935}
.chat{display:flex;flex-direction:column;gap:12px}.chat-message{max-width:78%;padding:12px 16px;border-radius:12px;background:#f3f5f1}.chat-message p{margin:4px 0 0}.chat-message.from-office{align-self:flex-start;background:#eaf1ff}.chat-message.from-client{align-self:flex-end;background:#f3f5f1}.chat-message small{color:var(--muted)}
.qr{display:block;image-rendering:pixelated;border:1px solid #e3e7e0;border-radius:8px}
.inline-upload{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.inline-upload input{font-size:12px;max-width:200px}
@media (min-width:1101px){.sidebar .nav-item{padding:9px 12px;margin-bottom:3px;white-space:nowrap}.sidebar .nav-group{margin-top:10px}}
.upload-note{padding:0 0 12px}.upload-note textarea{width:100%}
.filters{flex-wrap:wrap}textarea{font:inherit;border:1px solid #dce4de;border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);resize:vertical}.upload-note label{display:block;margin-bottom:6px;font-weight:600}
.selected-files{list-style:none;margin:12px auto 0;padding:0;max-width:520px;text-align:left;font-size:13px}.selected-files li{padding:3px 0;border-bottom:1px solid #eef1ec}.selected-files .summary{font-weight:600;border:0}.selected-files .too-big{color:#b42318}
.nav-tree{margin-bottom:6px}.nav-tree>summary{list-style:none;cursor:pointer;display:flex;align-items:center;font-weight:600;color:var(--ink)}.nav-tree>summary::-webkit-details-marker{display:none}.nav-tree>summary::after{content:'▾';margin-left:auto;font-size:12px;color:var(--muted);transition:transform .15s}.nav-tree:not([open])>summary::after{transform:rotate(-90deg)}.nav-tree>summary:focus-visible{outline:2px solid #1463f3;outline-offset:2px}
.sidebar details.nav-tree{border-bottom:0;padding:0;font-size:inherit}.sidebar .nav-tree>summary{font-size:inherit;text-align:left;font-weight:600;color:var(--ink)}.sidebar .nav-tree>summary.current{color:var(--green)}.sidebar .nav-tree .nav-sub{padding-left:34px}
/* Sidebar: always scrollable with the mouse wheel / visible scrollbar on short screens */
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c7bf transparent}
.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#b9c7bf;border-radius:4px}.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar .sidebar-bottom{flex-shrink:0}.sidebar nav{flex-shrink:0}
@media (min-width:651px) and (max-height:820px){.sidebar{padding-top:18px;padding-bottom:14px}.sidebar .brand-image img{max-height:70px;width:auto}.sidebar .nav-label{margin:10px 0 6px}.sidebar .nav-item{padding-top:6px;padding-bottom:6px;margin-bottom:1px}.sidebar-bottom{margin-top:12px}}

/* Responsive sidebar: medium screens (651–1100 px) keep one line per item */
@media (min-width:651px) and (max-width:1100px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.shell{margin-left:210px}.sidebar .nav-item{font-size:13.5px;padding:7px 10px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .nav-tree .nav-sub{padding-left:28px}.sidebar .brand-image img{max-height:64px;width:auto}}
/* Phones: the menu wraps into rows; "Moje doklady" stays a collapsible row of its own */
.menu-toggle{display:none}
/* Phones: "Menu" button opens a vertical list – items, and under "Moje doklady" its sub-items */
@media (max-width:650px){
.sidebar{display:block;padding:12px 16px}
.sidebar .brand-image img{max-height:56px;width:auto}
.menu-toggle{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:600 16px/1.2 inherit;color:var(--ink);cursor:pointer}
.menu-toggle::after{content:'▾';margin-left:auto;color:var(--muted);transition:transform .15s}
.sidebar.menu-open .menu-toggle::after{transform:rotate(180deg)}
.menu-icon{font-size:20px}
.js .sidebar nav{display:none}
.sidebar.menu-open nav,html:not(.js) .sidebar nav{display:block;margin-top:8px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff}
.sidebar nav .nav-item{display:flex;align-items:center;font-size:15px;padding:12px 12px;margin:0 0 2px;white-space:normal;border-radius:8px}
.sidebar details.nav-tree{display:block;margin:0 0 2px}
.sidebar .nav-tree>summary{display:flex;font-size:15px;padding:12px}
.sidebar .nav-tree .nav-sub{padding-left:38px;font-size:14px}
}
.sidebar .brand-image{display:flex;justify-content:center;margin-left:auto;margin-right:auto}@media (max-width:650px){.sidebar .brand-image{width:100%;background:none}}
.office-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 22px;border-bottom:1px solid var(--line)}.office-tabs a{padding:10px 14px;border-radius:8px 8px 0 0;color:#50645b;font-weight:600;font-size:14px}.office-tabs a.current{background:#fff;border:1px solid var(--line);border-bottom-color:#fff;margin-bottom:-1px;color:var(--green)}
.password-once{background:#fff7e0;border:1px solid #f0d58a;border-radius:10px;padding:14px 18px;margin-bottom:18px}.password-once code{font-size:18px;padding:2px 8px;background:#fff;border-radius:6px;user-select:all}
.row-actions{white-space:nowrap}.row-actions form{display:inline}.row-actions a{margin-right:8px}.text-button.danger{color:#b42318}.inactive-row td{opacity:.6}
.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 22px}.plain-list{list-style:none;margin:0;padding:10px 25px 18px}.plain-list li{padding:6px 0}.task-box-line{padding:4px 25px;margin:0}.center{text-align:center}
.nav-admin>summary{color:#7a4f00}
.row-actions .text-button{margin-left:10px}
.rc-panel{padding:18px 25px}.rc-toggle{display:flex;align-items:center;gap:14px;cursor:pointer}.rc-toggle input{position:absolute;opacity:0;width:1px;height:1px}.rc-toggle small{display:block;color:var(--muted);font-weight:400}
.rc-switch{flex:0 0 46px;height:26px;border-radius:13px;background:#cfd8d2;position:relative;transition:background .15s}.rc-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.rc-toggle input:checked+.rc-switch{background:var(--green)}.rc-toggle input:checked+.rc-switch::after{transform:translateX(20px)}.rc-toggle input:focus-visible+.rc-switch{outline:2px solid #1463f3;outline-offset:2px}.rc-toggle.disabled{cursor:default;opacity:.75}
.invoice-form .rc-toggle,.rc-panel .rc-toggle{display:flex;align-items:center;gap:14px;position:relative;font-size:15px;color:var(--ink);margin:0}.rc-panel .rc-switch{display:inline-block;flex:0 0 46px;width:46px;height:26px}.rc-panel .rc-toggle strong{font-size:15px}.rc-panel .rc-toggle small{font-size:13px;margin-top:2px}.rc-panel .rc-toggle input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;border:0}
.login-help{margin-top:14px;text-align:center;font-size:14px}.setup-steps{padding-left:20px}.setup-steps li{margin-bottom:18px}.errorlist{color:#b42318}
.inline-check{display:inline!important;font-size:inherit!important}.inline-check input{width:auto!important}
.bulk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 25px 14px}
.notes-panel{margin-bottom:20px}.note{padding:10px 25px;border-bottom:1px solid #eff2ed}.note p{margin:0 0 4px}.note.pinned{background:#fffbea}.note-actions{display:inline}.note-actions .text-button{margin-left:8px;font-size:12px}
.deadline-list{list-style:none;margin:0;padding:6px 25px 16px}.deadline-list li{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #eff2ed}.deadline-list li:last-child{border:0}.deadline-list small{display:block;color:var(--muted)}.deadline-date{min-width:48px;font-weight:600}.badge.tax{background:#fff1d6;color:#7a4f00}.badge.task{background:#eaf1ff;color:#1446a0}.badge.payment{background:#eaf2ec;color:var(--green)}
.chart-legend{display:flex;gap:16px;font-size:13px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.swatch{display:inline-block;width:12px;height:12px;border-radius:3px}
.s1{background:#2a78d6}.s2{background:#eb6834}
.bar-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:220px;padding:20px 25px 0;border-bottom:1px solid #d9dfda;margin:0 25px 4px;padding-left:0;padding-right:0}
.bar-group{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;outline:none}.bars{display:flex;gap:2px;align-items:flex-end;justify-content:center;height:100%}
.bar{width:40%;max-width:22px;min-height:1px;border-radius:4px 4px 0 0}
.bar-label{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}
.bar-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#172c29;color:#fff;font-size:12px;line-height:1.4;padding:6px 9px;border-radius:6px;white-space:nowrap;z-index:2;pointer-events:none}
.bar-group:hover .bar-tip,.bar-group:focus .bar-tip{display:block}.bar-group:hover .bars{background:rgba(23,44,41,.04);border-radius:4px}
.bar-chart+.table-wrap{margin-top:34px}

/* --- 0.4: uzávěrky, fakturace služeb, adresář, oznámení, historie --- */
.heading-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.close-list{display:grid;gap:14px}
.close-month .close-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.close-month h2{margin:0 0 4px}
.close-month.done{border-left:4px solid #c9921a}
.close-month.closed{border-left:4px solid #2f7a55;opacity:.92}
.close-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.close-form input[type=text]{flex:1 1 260px;min-width:0}
.close-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.close-table td small{display:block}
.close-actions form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.close-actions details summary{cursor:pointer;list-style:none}
.lock-notice{border-left:4px solid #2f7a55}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.product-pick{display:flex;flex-direction:column;gap:2px;min-width:220px}
.product-pick select{max-width:100%}
.announcement-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#eef4ff;border:1px solid #c7d8f5;border-left:4px solid #2a78d6;border-radius:10px;padding:12px 16px;margin:0 0 14px}
.announcement-banner p{margin:4px 0 0}
.announcement-banner form{flex:none}
.announcement.unread{border-left:4px solid #2a78d6}
.audience{border:1px solid var(--line,#dfe5e0);border-radius:10px;padding:10px 14px;margin:8px 0;display:flex;flex-wrap:wrap;gap:6px 16px}
.audience legend{padding:0 6px;font-weight:600}
.audience-pick{flex-basis:100%}
.client-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;margin:8px 0;max-height:260px;overflow:auto}
.source-checks{flex-basis:100%;display:flex;flex-wrap:wrap;gap:4px 14px}
.audit-table td small{display:block}
.nowrap{white-space:nowrap}
@media (max-width:720px){.close-stats{grid-template-columns:1fr}.announcement-banner{flex-direction:column}}
.edition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.edition-card.inactive{opacity:.7}
.edition-card.new{border-style:dashed}
.module-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.edition-card.current-edition{border:2px solid #2f7a55}
.module-list.plain{list-style:none;padding:0}
.close-month,.edition-card,.announcement{padding:18px 22px}
.module-help{padding:18px 22px}
.module-help ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.module-help li{display:block}
.module-help li small{display:block}
.module-help li.module-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line,#e4e9e5);padding-bottom:8px}
.bill-panel>p,.bill-panel .invoice-summary,.bill-panel .review-actions{padding:0 22px}
.bill-panel .review-actions{padding-bottom:18px}
.bill-panel>p.muted{padding-top:12px}
.delivery-list{list-style:none;padding:0;margin:12px 0 4px;display:grid;gap:6px}
.delivery{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#f6f8f6}
.delivery.missing{background:#fff6ec}
.delivery-mark{font-weight:700;color:#2f7a55;text-align:center}
.delivery.missing .delivery-mark{color:#b4610e}
.delivery-text small{display:block}
.delivery-actions{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.small-button{padding:6px 12px;font-size:.85rem}
@media (max-width:720px){.delivery{grid-template-columns:24px 1fr}.delivery-actions{grid-column:2;justify-content:flex-start}}
.delivery-panel{padding:0 0 14px}
.delivery-panel>.delivery-list,.delivery-panel>p,.delivery-panel>details{margin-left:22px;margin-right:22px}
.delivery.later{opacity:.65}
.delivery-add{margin-top:8px}
.close-form .button[disabled]{opacity:.45;cursor:not-allowed}
.padded{padding:20px 24px}
.terms-text{padding:22px 26px;max-width:900px}
.terms-text h2{margin:18px 0 6px;font-size:15px}
.terms-agree{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.danger-button{background:#b44935;border-color:#b44935}
.danger-button:hover{background:#963a29}
.letter-list{list-style:none;margin:0;padding:0}
.letter{display:grid;grid-template-columns:1fr minmax(260px,auto);gap:14px;align-items:center;padding:14px 22px;border-top:1px solid var(--line)}
.letter:first-child{border-top:0}
.letter.new{border-left:4px solid #b44935}
.letter small{display:block}
.letter-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.letter-actions input{flex:1 1 200px;min-width:0}
@media (max-width:720px){.letter{grid-template-columns:1fr}}
.letter-form,.team-form,.announce-form{padding:20px 24px}
.plain-list{list-style:none;margin:0;padding:0}
.plain-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--line)}
.plain-list li:first-child{border-top:0}
.plain-list li small{display:block;color:var(--muted)}
.segmented{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:14px}
.segmented label{padding:10px 16px;cursor:pointer;font-size:14px}
.segmented input{margin-right:6px}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 14px}
.photo-big{min-height:64px;font-size:17px;cursor:pointer}
#photo-note{width:100%}
.photo-queue{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.photo-item{display:grid;grid-template-columns:56px 1fr auto auto;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.photo-item.done{border-color:#bfe0cb}
.photo-item.error{border-color:#f0c2b8;background:#fff7f5}
.photo-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#eef3ef;display:grid;place-items:center;font-weight:700;color:var(--green)}
.photo-text{min-width:0}
.photo-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.photo-item small{color:var(--muted)}
.photo-item.error small{color:#a44032}
.install-help{margin-top:18px}
@media (max-width:520px){.photo-actions{grid-template-columns:1fr}.segmented{display:flex}.segmented label{flex:1;text-align:center;padding:10px 6px}}