:root{--bg:#f4f6f7;--panel:#fff;--ink:#182229;--muted:#72808a;--line:#dde4e7;--dark:#11191f;--teal:#0b8196;--shadow:0 12px 34px rgba(17,25,31,.08);--r:16px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#11191f,#0e151a);color:#fff;padding:16px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:5px 6px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.logo-tile{width:54px;height:54px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.2);padding:6px}.logo-tile img{width:100%;height:100%;object-fit:contain}
.brand b{font-size:18px}.brand small{display:block;color:#91a3ad;margin-top:2px}.nav{padding-top:14px;display:grid;gap:5px}.nav button{border:0;background:transparent;color:#c4cfd5;text-align:left;border-radius:10px;padding:11px 12px}.nav button.active,.nav button:hover{background:#17343d;color:#fff}.nav button.active{box-shadow:inset 3px 0 0 #10a4bd}
.side-status{margin-top:auto;padding:13px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;color:#a6b5bd;line-height:1.45}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bb978;margin-right:6px}
.main{min-width:0}.top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.top strong{font-size:15px}.chip{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;color:#4f5d65}.content{padding:24px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:5px 0 0;color:var(--muted)}
.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.primary{background:var(--teal);color:#fff}.btn.soft{background:#e8f3f5;color:#176779}.btn.ghost{background:#fff;border:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.card,.panel{background:#fff;border:1px solid #e3e8ea;border-radius:var(--r);box-shadow:var(--shadow)}.card{padding:18px}.card small{color:var(--muted)}.card strong{display:block;font-size:26px;margin-top:8px}.panel{padding:18px}.grid2{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel h3{margin:0 0 14px}.flow{display:flex;gap:7px;flex-wrap:wrap}.flow span{background:#f1f5f6;border:1px solid #dce4e7;padding:8px 10px;border-radius:9px;font-size:12px}.flow i{align-self:center;color:#95a3aa}
.table{overflow:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 12px;border-bottom:1px solid #edf0f2;text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7c8991;background:#fafbfc}.status{display:inline-block;padding:5px 8px;border-radius:99px;background:#eef2f3;font-size:11px;font-weight:700}.status.active{background:#e6f5ec;color:#27784f}.status.wait{background:#fff3df;color:#a66b13}.status.bad{background:#fdeaea;color:#b43e3e}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.toolbar input,.toolbar select{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}.empty{text-align:center;padding:42px 16px;color:#809099}
.modal{position:fixed;inset:0;background:rgba(7,13,16,.56);display:none;align-items:flex-start;justify-content:center;padding:36px 14px;z-index:50;overflow:auto}.modal.open{display:flex}.modal-box{width:min(860px,100%);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28)}.modal-head,.modal-foot{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:8px}.modal-body{padding:20px}.modal-head h2{margin:0;font-size:20px}.close{border:0;background:#eff3f4;border-radius:9px;width:34px;height:34px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#617079}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 11px}.field textarea{min-height:90px}.warning{padding:12px;border-radius:10px;background:#fff8e8;border:1px solid #efdfb8;color:#705d27;font-size:12px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f3f5f6;padding:2px 5px;border-radius:5px}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 15%,#1b3440,#10181e 55%)}.login-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 35px 80px rgba(0,0,0,.34)}.login-brand{display:flex;justify-content:center;margin-bottom:18px}.login-brand .logo-tile{width:86px;height:86px}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:var(--muted)}.login-card input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;margin-top:9px}.login-card .btn{width:100%;margin-top:12px}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.app{grid-template-columns:1fr}.content{padding:15px}.cards{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}}

.offer-item-row{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 95px 75px 130px 44px;
  gap:8px;
  margin-bottom:8px;
  align-items:center;
}
.offer-item-row input{
  width:100%;
  border:1px solid var(--line);
  border-radius:9px;
  padding:9px 10px;
}
@media(max-width:760px){
  .offer-item-row{grid-template-columns:1fr 80px 65px 105px 40px}
}

.modal-box.wide{width:min(1180px,100%)}
.success-note{padding:12px;border-radius:10px;background:#eaf7f1;border:1px solid #cbe9dc;color:#286c50;font-size:12px}
.offer-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.offer-kpis>div{background:#fff;border:1px solid #e3e8ea;border-radius:13px;padding:14px 16px;box-shadow:var(--shadow)}.offer-kpis small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.offer-kpis b{display:block;margin-top:5px;font-size:18px}
.doc-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;white-space:nowrap;color:#24343d}.row-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:310px}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700;color:#45535c}.mini-btn:hover{background:#f5f8f9}.mini-btn.teal{background:#e7f4f6;border-color:#c8e3e8;color:#146b7c}.mini-btn.danger{color:#b23c3c;background:#fff7f7;border-color:#efdddd}
.offer-form-head{padding-bottom:16px;border-bottom:1px solid var(--line)}.offer-editor{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.offer-editor-title{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 15px;background:#f7f9fa;border-bottom:1px solid var(--line)}.offer-editor-title h3{margin:0}.offer-editor-title small{color:var(--muted)}.offer-items-head,.offer-item-row{display:grid;grid-template-columns:minmax(280px,1fr) 95px 85px 135px 135px 40px;gap:8px;align-items:center}.offer-items-head{padding:8px 10px;background:#fbfcfc;color:#77858d;font-size:10px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.offer-item-row{padding:8px 10px;border-bottom:1px solid #edf1f2}.offer-item-row input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 9px;background:#fff}.item-desc{font-weight:600}.line-total{text-align:right;font-weight:800;white-space:nowrap}.icon-danger{border:0;background:#fff1f1;color:#b23b3b;width:32px;height:32px;border-radius:8px;font-size:18px}.offer-summary{display:flex;justify-content:flex-end;gap:22px;align-items:baseline;padding:15px;background:#f8fafb;border-top:1px solid var(--line)}.offer-summary span{font-size:11px;letter-spacing:.08em;color:#607079;font-weight:800}.offer-summary strong{font-size:23px;color:#132027}.field input[readonly]{background:#f2f4f5;color:#68757d}
@media(max-width:1050px){.offer-kpis{grid-template-columns:1fr}.offer-items-head{display:none}.offer-item-row{grid-template-columns:1fr 90px 75px 115px 115px 38px}.row-actions{min-width:240px}}
@media(max-width:760px){.offer-item-row{grid-template-columns:1fr 72px 62px 95px 95px 34px;padding:7px}.offer-item-row input{padding:8px 6px}.offer-summary{justify-content:space-between}.modal{padding:12px}.modal-body{padding:14px}}

.offer-kpis{margin-bottom:16px}
.table-caption{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px}
.table-caption b{display:block;font-size:14px}
.table-caption small{display:block;color:var(--muted);margin-top:3px}
.table-sub{color:#76838b;font-size:11px}
.row-actions{display:flex;gap:5px;flex-wrap:wrap}
.mini-btn{border:1px solid var(--line);background:#fff;color:#34434b;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700}
.mini-btn:hover{background:#f4f7f8}
.mini-btn.teal{border-color:#b9dfe5;background:#eaf6f8;color:#096b7d}
.mini-btn.danger{border-color:#f0caca;background:#fff5f5;color:#b63f3f}
.offer-form-head{background:#f8fafb;border:1px solid #e3e8ea;border-radius:13px;padding:15px}
.offer-editor{margin-top:14px;border:1px solid #dfe6e9;border-radius:13px;overflow:hidden}
.offer-editor-title{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;background:#f8fafb;border-bottom:1px solid #e3e8ea}
.offer-editor-title h3{margin:0;font-size:14px}
.offer-editor-title small{color:#73818a}
.offer-items-head,.offer-item-row{display:grid;grid-template-columns:minmax(260px,1fr) 92px 75px 130px 130px 42px;gap:8px;align-items:center}
.offer-items-head{padding:8px 12px;background:#fff;font-size:10px;color:#77858d;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #edf0f2}
.offer-item-row{padding:8px 12px;border-bottom:1px solid #edf0f2}
.offer-item-row input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 9px}
.offer-item-row .item-desc{min-width:220px}
.line-total{text-align:right;font-weight:800;white-space:nowrap}
.icon-danger{width:34px;height:34px;border:0;border-radius:8px;background:#fff1f1;color:#b53d3d;font-size:18px}
.offer-summary{display:flex;justify-content:flex-end;align-items:baseline;gap:20px;padding:15px;border-top:1px solid #e3e8ea;background:#fbfcfc}
.offer-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#6f7c84;font-weight:700}
.offer-summary strong{font-size:21px}
.modal-box.wide{width:min(1120px,100%)}
@media(max-width:900px){
  .offer-items-head{display:none}
  .offer-item-row{grid-template-columns:1fr 80px 70px 110px 100px 40px}
}

.handover-items-head,.handover-item-row{
  display:grid;
  grid-template-columns:minmax(320px,1fr) 100px 90px 42px;
  gap:8px;
  align-items:center;
}
.handover-items-head{
  padding:8px 12px;
  background:#fff;
  font-size:10px;
  color:#77858d;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  border-bottom:1px solid #edf0f2;
}
.handover-item-row{
  padding:8px 12px;
  border-bottom:1px solid #edf0f2;
}
.handover-item-row input{
  width:100%;
  border:1px solid var(--line);
  border-radius:8px;
  padding:8px 9px;
}
@media(max-width:900px){
  .handover-items-head{display:none}
  .handover-item-row{grid-template-columns:1fr 80px 75px 40px}
}


/* v1.1 – vazby dokumentů a rozšířený PP */
.mini-btn.link{
  border-color:#cbdde1;
  background:#f1f7f8;
  color:#315c65;
}
.link-badges{display:flex;gap:4px;flex-wrap:wrap}
.link-badges span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:25px;height:22px;padding:0 6px;border-radius:7px;
  background:#eef6f7;color:#176576;font-size:10px;font-weight:800;
}
.link-badges .muted-badge{background:#f1f2f3;color:#7b878e;font-weight:600}

.pp-link-tools{
  grid-column:1/-1;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:12px;padding-top:12px;border-top:1px solid #e2e8ea;
}
.pp-link-tools b,.pp-link-tools small{display:block}
.pp-link-tools small{margin-top:3px;color:#74828a}

.pp-price-switch{
  margin:14px 0;
  padding:13px 15px;
  border:1px solid #dfe7e9;
  background:#f8fbfb;
  border-radius:12px;
}
.toggle-line{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.toggle-line input{margin-top:3px}
.toggle-line span b,.toggle-line span small{display:block}
.toggle-line span small{margin-top:3px;color:#74828a}

.pp-bulk{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
  padding:12px;
  background:#fbfcfc;
  border-bottom:1px solid #edf0f2;
}
.pp-bulk textarea{
  width:100%;
  min-height:82px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:9px;
  padding:9px 10px;
  font:inherit;
}

.handover-items-head.with-price,
.handover-item-row.with-price{
  grid-template-columns:minmax(280px,1fr) 92px 78px 125px 125px 42px;
}
.handover-items-head.prices-hidden,
.handover-item-row.prices-hidden{
  grid-template-columns:minmax(340px,1fr) 100px 90px 42px;
}
.pp-desc{
  width:100%;
  min-height:72px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:8px;
  padding:8px 9px;
  font:inherit;
  line-height:1.4;
}
.pp-price-input{width:100%}

@media(max-width:900px){
  .pp-link-tools{align-items:stretch;flex-direction:column}
  .pp-bulk{grid-template-columns:1fr}
  .handover-item-row.with-price,
  .handover-item-row.prices-hidden{
    grid-template-columns:1fr 80px 75px;
  }
  .handover-item-row .icon-danger{grid-column:3}
}


/* v1.4 – přílohy dokumentů */
.mini-btn.attachment{
  border-color:#d8dce8;
  background:#f6f6fb;
  color:#4e5269;
}
.attachment-panel{display:flex;flex-direction:column;gap:16px}
.attachment-drop{
  min-height:145px;
  border:2px dashed #c9d7dc;
  border-radius:14px;
  background:#f8fbfc;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:5px;
  padding:22px;
  cursor:pointer;
  transition:.15s ease;
}
.attachment-drop:hover,.attachment-drop.drag{
  border-color:#087f94;
  background:#eef8fa;
  transform:translateY(-1px);
}
.attachment-drop-icon{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:#087f94;color:#fff;
  font-size:26px;line-height:1;
  margin-bottom:3px;
}
.attachment-drop span{color:#53636b}
.attachment-drop small{color:#7a878e;margin-top:3px}
.attachment-upload-state{min-height:0}
.attachment-progress,.success-note{
  border-radius:9px;
  padding:10px 12px;
  background:#eef7f8;
  color:#315c65;
}
.success-note{background:#eef7f2;color:#33674a}
.attachment-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-top:4px;
}
.attachment-section-head b,.attachment-section-head small{display:block}
.attachment-section-head small{color:#7a878e;margin-top:2px}
.attachment-list{
  border:1px solid #e2e7e9;
  border-radius:12px;
  overflow:hidden;
}
.attachment-row{
  display:grid;
  grid-template-columns:42px minmax(220px,1fr) auto;
  gap:11px;
  align-items:center;
  padding:11px 12px;
  border-bottom:1px solid #edf0f2;
  background:#fff;
}
.attachment-row:last-child{border-bottom:0}
.attachment-file-icon{
  width:38px;height:38px;
  border-radius:9px;
  display:grid;place-items:center;
  background:#f2f5f6;
  font-size:20px;
}
.attachment-file-main{min-width:0}
.attachment-file-main b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
.attachment-file-main span{
  display:block;
  margin-top:3px;
  color:#7a878e;
  font-size:10.5px;
}
@media(max-width:760px){
  .attachment-row{grid-template-columns:38px 1fr}
  .attachment-row .row-actions{grid-column:1/-1;padding-left:49px}
}


/* v1.5 – ARES lookup */
.ares-field{
  background:#f7fafb;
  border:1px solid #dfe8eb;
  border-radius:13px;
  padding:13px;
}
.ares-search-line{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
}
.ares-search-line input{
  width:100%;
}
.ares-help{
  display:block;
  margin-top:5px;
  color:#78868e;
}
.ares-status{
  min-height:20px;
  margin-top:8px;
  color:#5d6d75;
  font-size:11px;
}
.ares-results{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:4px;
  max-height:290px;
  overflow:auto;
}
.ares-result{
  width:100%;
  border:1px solid #dde5e8;
  background:#fff;
  border-radius:10px;
  padding:10px 11px;
  text-align:left;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  cursor:pointer;
  font:inherit;
}
.ares-result:hover{
  border-color:#79b4bf;
  background:#f2f9fa;
}
.ares-result-main{
  min-width:0;
}
.ares-result-main b,
.ares-result-main small{
  display:block;
}
.ares-result-main b{
  color:#1c2c33;
}
.ares-result-main small{
  margin-top:3px;
  color:#77858c;
  white-space:normal;
}
.ares-result-ico{
  color:#087f94;
  font-weight:800;
  font-size:11px;
  white-space:nowrap;
}
.ares-picked{
  color:#2c7652;
}
.ares-error{
  color:#a23e3e;
}
.ares-inline{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
}
.ares-spinner{
  display:inline-block;
  width:11px;
  height:11px;
  border:2px solid #c8dadd;
  border-top-color:#087f94;
  border-radius:50%;
  vertical-align:-2px;
  margin-right:3px;
  animation:ares-spin .75s linear infinite;
}
@keyframes ares-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){
  .ares-search-line{grid-template-columns:1fr}
  .ares-result{grid-template-columns:1fr}
  .ares-result-ico{justify-self:start}
}


/* v1.6 – výběr partnera: adresář / ARES */
.partner-choice{
  border:1px solid #e0e6e8;
  border-radius:13px;
  background:#fbfcfc;
  padding:12px;
}
.partner-source-tabs{
  display:flex;
  gap:6px;
  margin:2px 0 9px;
}
.partner-source-tab{
  border:1px solid #d7e0e3;
  background:#fff;
  color:#5c6970;
  border-radius:9px;
  padding:7px 11px;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.partner-source-tab:hover{
  border-color:#9ebfc6;
}
.partner-source-tab.active{
  border-color:#087f94;
  background:#eef8fa;
  color:#087f94;
}
.partner-source-panel select{
  width:100%;
}
.partner-picked-note{
  min-height:17px;
  margin-top:7px;
  color:#2d7252;
  font-size:11px;
}


/* v1.6.1 – kontakt partnera */
.partner-contact-init{display:none}
.partner-contact-box{
  margin-top:10px;
  padding:11px;
  border:1px solid #dfe8eb;
  border-radius:11px;
  background:#fff;
}
.partner-contact-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:9px;
}
.partner-contact-head b,
.partner-contact-head small{display:block}
.partner-contact-head small{
  margin-top:2px;
  color:#7a878e;
}
.partner-contact-grid{
  display:grid;
  grid-template-columns:1.15fr 1.15fr .8fr;
  gap:9px;
}
.partner-contact-grid .field{
  margin:0;
}
.partner-contact-status{
  min-height:16px;
  margin-top:6px;
  font-size:11px;
}
@media(max-width:820px){
  .partner-contact-grid{grid-template-columns:1fr}
  .partner-contact-head{flex-direction:column}
}


/* v1.7 – filtry seznamů */
.filter-panel{
  margin:0 0 14px;
  padding:11px 12px;
  border:1px solid #dfe5e8;
  border-radius:13px;
  background:#fbfcfc;
  box-shadow:0 2px 8px rgba(31,47,54,.03);
}
.filter-main-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.filter-search{
  position:relative;
  flex:1 1 285px;
  min-width:220px;
}
.filter-search input{
  width:100%;
  min-height:38px;
  padding-left:34px;
  border:1px solid #d7dfe2;
  border-radius:9px;
  background:#fff;
}
.filter-search input:focus,
.filter-control:focus,
.filter-date-row input:focus{
  outline:none;
  border-color:#6eaeba;
  box-shadow:0 0 0 3px rgba(8,127,148,.09);
}
.filter-search-icon{
  position:absolute;
  left:11px;
  top:50%;
  transform:translateY(-50%);
  color:#75868e;
  font-size:18px;
  pointer-events:none;
}
.filter-control{
  min-height:38px;
  max-width:220px;
  border:1px solid #d7dfe2;
  border-radius:9px;
  background:#fff;
  padding:0 30px 0 10px;
  color:#34464e;
}
.filter-partner{
  min-width:180px;
}
.filter-clear{
  min-height:38px;
  white-space:nowrap;
}
.filter-date-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #e9edef;
  color:#68777e;
  font-size:11px;
}
.filter-date-row label{
  display:flex;
  align-items:center;
  gap:5px;
}
.filter-date-row input{
  min-height:31px;
  border:1px solid #d7dfe2;
  border-radius:8px;
  padding:0 7px;
  background:#fff;
}
.filter-date-label{
  font-weight:800;
  color:#53636b;
}
.filter-count{
  margin-left:auto;
  padding:5px 9px;
  border-radius:999px;
  background:#eef4f5;
  color:#53666e;
  white-space:nowrap;
}
.filter-count b{
  color:#087f94;
}
.filter-count-only{
  justify-content:flex-end;
}
.filtered-empty{
  background:#fafcfc;
}
@media(max-width:760px){
  .filter-main-row{
    align-items:stretch;
  }
  .filter-search,
  .filter-control,
  .filter-partner,
  .filter-clear{
    width:100%;
    max-width:none;
  }
  .filter-date-row{
    align-items:flex-start;
  }
  .filter-count{
    width:100%;
    margin-left:0;
    text-align:center;
  }
}


/* v1.8 – informační tabule */
.dashboard-quick-head{display:flex;gap:7px;align-items:center}
.dashboard-today{
  display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:center;
  padding:17px 19px;margin-bottom:14px;border-radius:15px;
  background:linear-gradient(135deg,#18272d 0%,#263b43 100%);color:#fff;
  box-shadow:0 7px 20px rgba(22,38,45,.11);
}
.dashboard-today strong,.dashboard-today small,.dashboard-today span{display:block}
.dashboard-today strong{font-size:17px;line-height:1.35;margin-top:3px}
.dashboard-today small{margin-top:5px;color:#bfccd1}
.dashboard-kicker{color:#6fc4d0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dashboard-today-progress{padding-left:18px;border-left:1px solid rgba(255,255,255,.12)}
.dashboard-today-progress span{font-size:10px;color:#b9c9cf}
.dashboard-today-progress b{font-size:22px;margin:2px 0 6px}
.dash-progress{height:7px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.dash-progress i{display:block;height:100%;border-radius:999px;background:#6fc4d0}
.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dashboard-kpi{
  border:1px solid #e0e6e8;border-radius:13px;background:#fff;padding:13px 14px;
  text-align:left;cursor:pointer;transition:.14s ease;font:inherit
}
.dashboard-kpi:hover{transform:translateY(-2px);border-color:#9ec4ca;box-shadow:0 7px 16px rgba(36,58,67,.07)}
.dashboard-kpi span,.dashboard-kpi small,.dashboard-kpi em{display:block}
.dashboard-kpi span{color:#087f94;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.dashboard-kpi strong{display:block;font-size:26px;margin:4px 0 0;color:#1d2b31}
.dashboard-kpi small{color:#76858c}
.dashboard-kpi em{margin-top:8px;padding-top:7px;border-top:1px solid #edf0f2;color:#53646b;font-style:normal;font-weight:700;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.dashboard-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.dashboard-panel-head h3{margin:0}
.dashboard-panel-head small{display:block;margin-top:3px;color:#7a878d}
.finance-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.finance-strip>div{border:1px solid #e5eaec;border-radius:10px;padding:10px;background:#fafcfc}
.finance-strip span,.finance-strip b{display:block}
.finance-strip span{font-size:10px;color:#75848b}
.finance-strip b{font-size:16px;margin-top:3px}
.finance-strip .positive b{color:#2f7956}.finance-strip .negative b{color:#a33e3e}
.dash-finance-bar{height:9px;margin-top:12px;border-radius:999px;overflow:hidden;background:#edf1f2}
.dash-finance-bar i{display:block;height:100%;background:#087f94;border-radius:999px}
.dashboard-finance-note{margin-top:8px;color:#697981;font-size:11px}
.dashboard-alert-count{
  min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;
  background:#edf2f3;color:#53636b;font-weight:900
}
.dashboard-alert-count.has-alerts{background:#fff1ed;color:#a34834}
.dashboard-alert-list{display:flex;flex-direction:column;gap:7px}
.dashboard-alert-list button{
  width:100%;display:grid;grid-template-columns:12px 1fr;gap:9px;align-items:start;
  border:1px solid #e8ecee;background:#fff;border-radius:10px;padding:9px 10px;text-align:left;cursor:pointer;font:inherit
}
.dashboard-alert-list button:hover{background:#fafcfc}
.dashboard-alert-list b,.dashboard-alert-list small{display:block}
.dashboard-alert-list small{margin-top:2px;color:#7c898f}
.alert-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#d58b72}
.dashboard-activity-list{display:flex;flex-direction:column;gap:6px}
.dashboard-activity-list button{
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;
  width:100%;padding:8px 9px;border:1px solid #e8ecee;background:#fff;border-radius:10px;
  text-align:left;cursor:pointer;font:inherit
}
.dashboard-activity-list button:hover{background:#f8fbfb;border-color:#c9dde1}
.activity-type{display:inline-grid;place-items:center;min-height:26px;border-radius:7px;background:#eef6f7;color:#087f94;font-size:10px;font-weight:900}
.activity-main{min-width:0}
.activity-main b,.activity-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-main small{margin-top:2px;color:#7b898f}
.activity-date{font-size:10px;color:#859197;white-space:nowrap}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard-quick-grid button{
  border:1px solid #dfe6e8;border-radius:10px;background:#fff;padding:11px;text-align:left;cursor:pointer;font:inherit
}
.dashboard-quick-grid button:hover{border-color:#81b6c0;background:#f4fafb}
.dashboard-quick-grid b,.dashboard-quick-grid span{display:block}
.dashboard-quick-grid b{color:#087f94;font-size:13px}
.dashboard-quick-grid span{margin-top:2px;color:#68787f;font-size:10px}
.keyboard-tip{
  display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin-top:12px;padding:10px;border-radius:10px;background:#f3f6f7
}
.keyboard-tip>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #dfe5e7}
.keyboard-tip b,.keyboard-tip small{display:block}
.keyboard-tip small{margin-top:2px;color:#748289}
.keyboard-tip kbd{border:1px solid #cfd8db;background:#fff;border-radius:5px;padding:1px 5px;font:inherit;font-size:9px;box-shadow:0 1px 0 #d6dee0}
@media(max-width:1050px){
  .dashboard-kpis{grid-template-columns:repeat(3,1fr)}
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dashboard-today{grid-template-columns:1fr}
  .dashboard-today-progress{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .dashboard-kpis{grid-template-columns:repeat(2,1fr)}
  .finance-strip{grid-template-columns:1fr}
  .dashboard-activity-list button{grid-template-columns:48px minmax(0,1fr)}
  .activity-date{grid-column:2}
}


/* v1.9 – přizpůsobitelný dashboard */
.dashboard-custom-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.dashboard-widget{
  min-width:0;
  position:relative;
}
.dashboard-widget.dashboard-size-small{grid-column:span 4}
.dashboard-widget.dashboard-size-medium{grid-column:span 6}
.dashboard-widget.dashboard-size-wide{grid-column:span 12}

.dashboard-custom-grid .dashboard-today,
.dashboard-custom-grid .dashboard-kpis{
  margin-bottom:0;
}
.dashboard-custom-grid .dashboard-kpis{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.dashboard-widget .panel{height:100%;box-sizing:border-box}

.dashboard-editor-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  margin-bottom:12px;
  border:1px solid #a9cdd3;
  border-radius:13px;
  background:#eef8fa;
}
.dashboard-editor-bar b,
.dashboard-editor-bar small{display:block}
.dashboard-editor-bar small{margin-top:2px;color:#657b82}
.dashboard-editor-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}

.dashboard-edit-mode .dashboard-widget{
  border:2px dashed #b8c9cd;
  border-radius:14px;
  padding:39px 6px 6px;
  background:#f8fbfb;
  cursor:grab;
  transition:.12s ease;
}
.dashboard-edit-mode .dashboard-widget:hover{
  border-color:#7badb7;
}
.dashboard-edit-mode .dashboard-widget.dragging{
  opacity:.42;
  cursor:grabbing;
}
.dashboard-edit-mode .dashboard-widget.drag-over{
  border-color:#087f94;
  background:#eaf6f8;
  box-shadow:0 0 0 4px rgba(8,127,148,.08);
}
.dashboard-edit-mode .dashboard-widget-body{
  pointer-events:none;
  user-select:none;
}
.dashboard-widget-editor{
  position:absolute;
  top:5px;
  left:7px;
  right:7px;
  height:29px;
  display:flex;
  align-items:center;
  gap:7px;
  z-index:5;
}
.dashboard-widget-editor>b{
  font-size:10px;
  color:#50646b;
  flex:1;
}
.dashboard-widget-editor>div{
  display:flex;
  gap:5px;
}
.dashboard-drag-handle{
  width:25px;
  height:25px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#e4eff1;
  color:#087f94;
  font-size:17px;
  font-weight:900;
  cursor:grab;
}

@media(max-width:1100px){
  .dashboard-widget.dashboard-size-small{grid-column:span 6}
  .dashboard-custom-grid .dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .dashboard-widget.dashboard-size-small,
  .dashboard-widget.dashboard-size-medium,
  .dashboard-widget.dashboard-size-wide{grid-column:span 12}
  .dashboard-custom-grid .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-editor-bar{align-items:flex-start;flex-direction:column}
  .dashboard-editor-actions{justify-content:flex-start}
}


/* v2.0 – uživatelé, role, schvalování, podpisy */
.login-tabs{display:flex;gap:5px;margin:10px 0}
.login-tabs button{flex:1;border:1px solid #d9e1e4;background:#fff;border-radius:8px;padding:8px;font:inherit;font-weight:700;color:#64737a;cursor:pointer}
.login-tabs button.active{background:#eef8fa;border-color:#80b7c1;color:#087f94}
.login-help{display:block;margin:7px 0;color:#718087;line-height:1.45}
.role-pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf2f3;color:#506169;font-size:10px;font-weight:800}
.role-admin{background:#1e2b31;color:#fff}.role-jednatel{background:#e9f6f7;color:#087f94}.role-ucetni{background:#f0f2f8;color:#52618b}.role-technik{background:#fff5e9;color:#9b6727}.role-zamestnanec{background:#f0f3f4;color:#68777e}
.role-matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}
.role-matrix>div{border:1px solid #e4e9eb;border-radius:10px;padding:9px;background:#fafcfc}.role-matrix b,.role-matrix span{display:block}.role-matrix span{margin-top:3px;font-size:10px;color:#718087;line-height:1.35}
.toggle-field .switch-line{display:flex;align-items:center;gap:7px;min-height:37px;border:1px solid #dfe5e7;border-radius:9px;background:#fff;padding:0 10px}.switch-line input{width:auto}
.profile-assets{margin-top:14px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asset-card{border:1px solid #e0e6e8;border-radius:12px;padding:11px;background:#fafcfc}.asset-preview{height:150px;border:1px dashed #cbd7da;border-radius:9px;background:#fff;display:grid;place-items:center;color:#839097;padding:10px}.asset-preview img{max-width:100%;max-height:130px;object-fit:contain}.asset-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.document-sign-options{border-top:1px solid #e6eaec;padding-top:9px}.document-sign-checks{display:flex;gap:16px;flex-wrap:wrap}.document-sign-checks label{display:flex;gap:6px;align-items:center;font-weight:600}.document-sign-checks input{width:auto}
.approval-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.approval-badge.neutral{background:#edf1f2;color:#66757c}.approval-badge.pending{background:#fff4df;color:#946727}.approval-badge.approved{background:#e9f6ef;color:#337555}.approval-badge.returned{background:#fff0ed;color:#a24c3a}
.mini-btn.approve{border-color:#90bea1;background:#eef8f2;color:#2f7650}.mini-btn.return{border-color:#e2b6ac;background:#fff4f1;color:#9a4a39}
.employee-next{max-width:720px}.users-table table{min-width:850px}
@media(max-width:1050px){.role-matrix{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.role-matrix,.asset-grid{grid-template-columns:1fr}}


/* v2.1 – práce na zakázkách a Výkaz hodin */
.work-current{
  padding:18px;margin-bottom:14px;border-radius:15px;
  background:linear-gradient(135deg,#173038 0%,#244b54 100%);color:#fff;
  box-shadow:0 8px 22px rgba(24,48,56,.13)
}
.work-current.is-paused{background:linear-gradient(135deg,#453d2d 0%,#66583c 100%)}
.work-current-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.work-current h2{margin:3px 0 2px;font-size:20px}.work-current small{color:#c6d6da}
.work-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#75cad5;font-weight:900}
.work-state{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:900;white-space:nowrap}
.work-state.paused{background:rgba(255,223,155,.18);color:#ffe4a9}
.work-current-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.work-current-stats>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.08)}
.work-current-stats span,.work-current-stats b{display:block}.work-current-stats span{font-size:9px;color:#bdd0d5}.work-current-stats b{font-size:15px;margin-top:3px}
.work-actions{display:flex;gap:8px;margin-top:14px}.danger-soft{background:#fff0ed;color:#9a4739;border:1px solid #efc9c1}
.work-start-panel{margin-bottom:14px}.work-start-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.work-start-row select{min-height:42px;border:1px solid #d6e0e3;border-radius:9px;background:#fff;padding:0 10px}
.work-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.work-summary-grid .card strong{font-size:21px}
.break-rule-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;background:#f5f8f8}.break-rule-note>b{min-width:125px;color:#087f94}.break-rule-note span{color:#607179;line-height:1.45}
.hours-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.hours-filter .field{margin:0;min-width:150px}.hours-filter .field input,.hours-filter .field select{min-height:38px}.hours-person{flex:1 1 260px}.hours-period-label{margin-left:auto;padding:8px 11px;border-radius:9px;background:#f2f6f7}.hours-period-label span,.hours-period-label b{display:block}.hours-period-label span{font-size:9px;color:#7b898f}.hours-period-label b{margin-top:2px;color:#40545c}
.hours-summary{margin-top:12px}.hours-person-heading{display:flex;align-items:baseline;gap:12px;margin:14px 0 8px}.hours-person-heading strong{font-size:17px}.hours-person-heading span{color:#75858c}
.hours-table td,.hours-table th{white-space:nowrap}.hours-table td:nth-child(2),.hours-table th:nth-child(2){white-space:normal;min-width:190px}.table .hours-table{min-width:850px}
.employee-work-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.employee-work-link{display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;border:1px solid #dfe6e8;font:inherit}.employee-work-link:hover{border-color:#81b5bf;background:#f8fbfb}.employee-work-link>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef7f8;color:#087f94;font-size:17px}.employee-work-link b,.employee-work-link small{display:block}.employee-work-link small{margin-top:3px;color:#74838a}
@media(max-width:780px){
  .work-current-top{flex-direction:column}.work-current-stats{grid-template-columns:repeat(2,1fr)}.work-actions{flex-direction:column}.work-start-row{grid-template-columns:1fr}.work-summary-grid{grid-template-columns:1fr}.hours-filter{align-items:stretch}.hours-filter .field,.hours-person{width:100%;min-width:0}.hours-period-label{margin-left:0;width:100%}.employee-work-cards{grid-template-columns:1fr}.break-rule-note{flex-direction:column}.break-rule-note>b{min-width:0}
}


/* ==========================================================
   v2.1.2 – přehlednější seskupené levé menu
   ========================================================== */
.grouped-nav{
  padding-top:14px;
  display:flex;
  flex-direction:column;
  gap:4px
}
.grouped-nav .nav-section{
  overflow:hidden;
  border-radius:10px
}
.grouped-nav .nav-section.is-empty{
  display:none
}
.grouped-nav .nav-section-title{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0;
  padding:9px 10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#879aa4;
  text-align:left;
  cursor:pointer;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:none
}
.grouped-nav .nav-section-title:hover{
  background:rgba(255,255,255,.04);
  color:#dce7eb;
  box-shadow:none
}
.grouped-nav .nav-section-title span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px
}
.grouped-nav .nav-section-title i{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:rgba(255,255,255,.055);
  color:#55bbc9;
  font-style:normal;
  font-size:11px
}
.grouped-nav .nav-section-title b{
  color:#657982;
  font-size:13px;
  line-height:1;
  transform:rotate(-90deg);
  transition:transform .16s ease
}
.grouped-nav .nav-section.is-open .nav-section-title{
  color:#dce7eb;
  background:rgba(255,255,255,.025)
}
.grouped-nav .nav-section.is-open .nav-section-title b{
  transform:rotate(0deg)
}
.grouped-nav .nav-section-items{
  display:none;
  padding:2px 0 5px
}
.grouped-nav .nav-section.is-open .nav-section-items{
  display:grid;
  gap:3px
}
.grouped-nav .nav-section-items>button{
  position:relative;
  margin:0;
  padding:9px 10px 9px 20px;
  border-radius:8px;
  color:#b9c7cd;
  font-size:12px
}
.grouped-nav .nav-section-items>button:hover{
  background:#162d35;
  color:#fff
}
.grouped-nav .nav-section-items>button.active{
  background:#17343d;
  color:#fff;
  box-shadow:none
}
.grouped-nav .nav-section-items>button.active:before{
  content:"";
  position:absolute;
  left:5px;
  top:7px;
  bottom:7px;
  width:3px;
  border-radius:6px;
  background:#10a4bd
}


/* ==========================================================
   v2.1.3 – přirozenější levé menu
   ========================================================== */
.grouped-nav{
  display:block;
  padding-top:14px
}
.grouped-nav .nav-home{
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  padding:10px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#c3d0d5;
  font:inherit;
  font-size:12px;
  font-weight:800;
  text-align:left;
  cursor:pointer
}
.grouped-nav .nav-home:hover,
.grouped-nav .nav-home.active{
  background:#17343d;
  color:#fff
}
.grouped-nav .nav-section{
  margin:0 0 5px;
  border-radius:9px;
  overflow:hidden
}
.grouped-nav .nav-section.is-empty{display:none}
.grouped-nav .nav-section-title{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  padding:8px 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#6f858e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:none
}
.grouped-nav .nav-section-title:hover{
  color:#b8c8ce;
  background:rgba(255,255,255,.025);
  box-shadow:none
}
.grouped-nav .nav-section-title b{
  color:#63767d;
  font-size:16px;
  font-weight:500;
  transform:rotate(0deg);
  transition:transform .15s ease
}
.grouped-nav .nav-section.is-open .nav-section-title b{
  transform:rotate(90deg)
}
.grouped-nav .nav-section-items{
  display:none;
  padding:1px 0 5px
}
.grouped-nav .nav-section.is-open .nav-section-items{
  display:grid;
  gap:2px
}
.grouped-nav .nav-section-items>button{
  width:100%;
  display:flex;
  align-items:center;
  gap:9px;
  position:relative;
  margin:0;
  padding:8px 10px;
  border-radius:8px;
  font-size:11.5px;
  color:#b8c6cc
}
.grouped-nav .nav-section-items>button:hover{
  background:#142b33;
  color:#fff
}
.grouped-nav .nav-section-items>button.active{
  background:#17343d;
  color:#fff;
  box-shadow:none
}
.grouped-nav .nav-section-items>button.active:before{
  content:"";
  position:absolute;
  left:3px;
  top:7px;
  bottom:7px;
  width:3px;
  border-radius:5px;
  background:#14a7be
}
.nav-item-icon{
  width:28px;
  height:23px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:rgba(255,255,255,.055);
  color:#6fc3cf;
  font-size:8px;
  font-weight:900;
  letter-spacing:-.02em
}
.nav-home .nav-item-icon{font-size:12px}

/* ==========================================================
   v2.1.3 – automatický podpis / razítko
   ========================================================== */
.automatic-signing-state{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:4px 0 5px
}
.automatic-signing-state span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:8px;
  font-size:11px;
  font-weight:800
}
.automatic-signing-state .ok{
  background:#edf8f5;
  color:#247460;
  border:1px solid #cbe9df
}
.automatic-signing-state .missing{
  background:#f6f7f8;
  color:#7e8b91;
  border:1px solid #e1e6e8
}

/* ==========================================================
   v2.1.3 – přehlednější "píchačky"
   ========================================================== */
.punch-panel{
  margin-bottom:16px;
  padding:20px;
  border-radius:16px;
  border:1px solid #dce5e7;
  background:#fff;
  box-shadow:0 8px 26px rgba(26,47,55,.06)
}
.punch-panel.is-running{
  border-top:4px solid #149ab0
}
.punch-panel.is-paused{
  border-top:4px solid #c99634;
  background:#fffdfa
}
.punch-panel.is-idle{
  border-top:4px solid #73878f
}
.punch-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px
}
.punch-label{
  display:block;
  margin-bottom:4px;
  color:#788990;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase
}
.punch-top h2{
  margin:0;
  font-size:22px;
  line-height:1.15;
  color:#1d2d34
}
.punch-top p{
  margin:5px 0 0;
  color:#6d7d84
}
.punch-status{
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  white-space:nowrap;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em
}
.punch-status.active{
  background:#e8f7f3;
  color:#22745f
}
.punch-status.paused{
  background:#fff4dc;
  color:#8d651e
}
.punch-status.idle{
  background:#eef2f3;
  color:#687a81
}
.punch-status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor
}
.punch-status.active .punch-status-dot{
  box-shadow:0 0 0 4px rgba(34,116,95,.12)
}
.punch-time-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:18px 0 12px;
  padding:14px 16px;
  border-radius:12px;
  background:#f5f8f9
}
.punch-time-main span{
  color:#65767d;
  font-size:11px;
  font-weight:700
}
.punch-time-main strong{
  font-size:30px;
  line-height:1;
  color:#19333d
}
.punch-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px
}
.punch-metrics>div{
  padding:10px 12px;
  border:1px solid #e2e8ea;
  border-radius:10px
}
.punch-metrics>div.accent{
  background:#eef7f8;
  border-color:#d1e9ed
}
.punch-metrics span,
.punch-metrics b{
  display:block
}
.punch-metrics span{
  color:#7a898f;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.05em
}
.punch-metrics b{
  margin-top:4px;
  color:#233840;
  font-size:16px
}
.punch-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px
}
.punch-btn{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
  min-height:62px;
  padding:9px 12px;
  border-radius:11px;
  border:1px solid transparent;
  text-align:left;
  cursor:pointer
}
.punch-btn>span{
  grid-row:1/3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-size:17px
}
.punch-btn b{font-size:13px}
.punch-btn small{color:inherit;opacity:.72}
.punch-btn.pause{
  background:#fff8e9;
  color:#805f25;
  border-color:#eddcae
}
.punch-btn.pause>span{background:#f9e7bd}
.punch-btn.continue{
  background:#eaf7f4;
  color:#246e5d;
  border-color:#cfe9e1
}
.punch-btn.continue>span{background:#d4efe8}
.punch-btn.finish{
  background:#fff0ed;
  color:#93473b;
  border-color:#efd0ca
}
.punch-btn.finish>span{background:#f6d9d3}
.punch-start{
  margin-top:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end
}
.punch-start label{
  grid-column:1/-1
}
.punch-start label b,
.punch-start label small{
  display:block
}
.punch-start label small{
  margin-top:3px;
  color:#77888f
}
.punch-start select{
  min-height:48px;
  padding:0 12px;
  border:1px solid #ccdadd;
  border-radius:10px;
  background:#fff;
  font:inherit
}
.punch-start-button{
  min-height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:10px;
  background:#087f94;
  color:#fff;
  font:inherit;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(8,127,148,.18)
}
.punch-start-button:hover{background:#076f81}
.punch-help{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:14px
}
.punch-help>div{
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:9px 10px;
  border-radius:10px;
  background:#f7f9fa
}
.punch-help>div>span{
  width:23px;
  height:23px;
  flex:0 0 23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e6eef0;
  color:#50656d;
  font-size:10px;
  font-weight:900
}
.punch-help p{margin:0}
.punch-help b,.punch-help small{display:block}
.punch-help small{margin-top:2px;color:#78888f}
.today-hours-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin:18px 0 8px
}
.today-hours-title b,
.today-hours-title small{display:block}
.today-hours-title b{font-size:15px}
.today-hours-title small{margin-top:2px;color:#7b8a90}
.work-net-card{
  border-color:#cfe7e4!important;
  background:#f4fbf9!important
}
.compact-break-note{
  margin-top:12px
}
@media(max-width:760px){
  .punch-top{flex-direction:column}
  .punch-time-main{align-items:flex-start;flex-direction:column}
  .punch-metrics{grid-template-columns:1fr}
  .punch-actions{grid-template-columns:1fr}
  .punch-start{grid-template-columns:1fr}
  .punch-start-button{justify-content:center}
  .punch-help{grid-template-columns:1fr}
}

.offer-kpis .card{padding:14px 16px}
.offer-kpis .card small{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.offer-kpis .card strong{font-size:18px;margin-top:6px}


/* v2.1.6 – rozšířený rozsah cenové nabídky */
.offer-scope-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:12px;
  border:1px solid #e1e7e9;
  border-radius:11px;
  background:#f8fafb
}
.offer-scope-field{min-width:0}
.offer-scope-field.full-width{grid-column:1/-1}
.offer-scope-field label{display:block;margin-bottom:6px;font-weight:800;color:#43555d}
.offer-scope-field textarea{
  width:100%;
  min-height:88px;
  resize:vertical;
  border:1px solid #d7e0e3;
  border-radius:9px;
  background:#fff;
  padding:10px 11px;
  font:inherit;
  line-height:1.45
}
.offer-scope-field.full-width textarea{min-height:72px}
.offer-scope-field.include textarea{border-left:3px solid #4e9b82}
.offer-scope-field.exclude textarea{border-left:3px solid #a77568}
@media(max-width:760px){.offer-scope-fields{grid-template-columns:1fr}.offer-scope-field.full-width{grid-column:auto}}


/* v2.2 – služební e-mail a připravený poštovní modul */
.nav-home.nav-mail{margin-top:-7px;margin-bottom:13px}
.users-table .mail-status{display:inline-block;margin-top:3px;font-size:10px;color:#7c8b91}
.users-table .mail-status.connected{color:#25715f;font-weight:800}
.service-email-note{padding:9px 11px;border-radius:9px;background:#f4f8f9;color:#65757c}
.profile-static-value{min-height:38px;display:flex;align-items:center;padding:8px 10px;border:1px solid #e0e6e8;border-radius:9px;background:#f7f9fa;font-weight:700;color:#43545c}
.muted{color:#89979c;font-weight:400}
.mail-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:560px}
.mail-folders{padding:12px}.mail-account{display:flex;align-items:center;gap:10px;padding:8px 6px 15px;border-bottom:1px solid #e5eaec;margin-bottom:8px}.mail-account b,.mail-account small{display:block}.mail-account small{margin-top:2px;color:#7b8a90}.mail-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:#eaf5f7;color:#087f94;font-size:18px;font-weight:900}.mail-folder{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:8px;padding:9px 10px;color:#52656d;text-align:left;font:inherit;cursor:pointer}.mail-folder>b{margin-left:auto}.mail-folder:hover,.mail-folder.active{background:#edf5f6;color:#126f80;font-weight:800}.mail-main{padding:0;overflow:hidden}.mail-main-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid #e2e8ea}.mail-main-head h3{margin:0 0 3px}.mail-main-head small{color:#77878e}.mail-connection{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.mail-connection.pending{background:#f1f3f4;color:#78868c}.mail-connection.connected{background:#eaf7f3;color:#26715e}.mail-placeholder,.mail-empty-state{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.mail-placeholder p,.mail-empty-state p{max-width:570px;color:#65757c;line-height:1.55}.mail-big-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#eef7f8;color:#087f94;font-size:27px;font-weight:900;margin-bottom:12px}.mail-security-note{max-width:620px;margin-top:12px;padding:11px 13px;border:1px solid #dde6e8;border-radius:10px;background:#f8fafb;color:#607178;text-align:left;line-height:1.45}
@media(max-width:850px){.mail-shell{grid-template-columns:1fr}.mail-folders{display:none}}


/* v2.2.1 – skutečné připojení Seznam IMAP/SMTP */
.mail-folder.disabled{opacity:.5;cursor:default}.mail-connect-info{background:#f6f9fa;border:1px solid #dfe7e9;border-radius:10px;padding:11px 12px;color:#5d6f76;line-height:1.5}.mail-test-result{border-radius:9px;padding:9px 11px;font-weight:700}.mail-test-result.working{background:#f2f5f6;color:#62737a}.mail-test-result.ok{background:#eaf7f3;color:#27705f}.mail-test-result.bad{background:#fff0ef;color:#9c4a42}.mail-message-list{width:100%}.mail-message-row{display:grid;grid-template-columns:12px minmax(160px,240px) minmax(240px,1fr) 130px;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #edf0f1;color:#43555d}.mail-message-row:hover{background:#f8fafb}.mail-message-row.unread{background:#f4fafb;color:#1f343c}.mail-message-row.unread .mail-message-from,.mail-message-row.unread .mail-message-subject{font-weight:800}.mail-message-dot{font-size:8px;color:#087f94}.mail-message-from,.mail-message-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-message-date{text-align:right;color:#7a8a90;font-size:11px;white-space:nowrap}@media(max-width:1000px){.mail-message-row{grid-template-columns:10px 180px minmax(160px,1fr);}.mail-message-date{display:none}}


/* v2.2.3 – čtení, přílohy, odpověď a odesílání */
.mail-message-row{width:100%;border-left:0;border-right:0;border-top:0;background:#fff;text-align:left;font:inherit;cursor:pointer}
.mail-message-row:hover{background:#f5f9fa}
.mail-message-loading{padding:45px;text-align:center;color:#718188}
.mail-detail{padding:2px 1px}.mail-detail-head h2{margin:0 0 14px;font-size:20px;color:#172129}.mail-detail-meta{display:grid;gap:5px;padding:10px 12px;border:1px solid #e3e8ea;border-radius:9px;background:#f8fafb}.mail-detail-meta>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px}.mail-detail-meta span{color:#7a898f;font-size:11px}.mail-detail-meta b{overflow-wrap:anywhere}.mail-detail-body{margin-top:14px;padding:15px;border:1px solid #e3e8ea;border-radius:9px;min-height:160px;line-height:1.6;color:#34454d;background:#fff;overflow-wrap:anywhere}.mail-detail-section-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#728187;margin:16px 0 7px}.mail-detail-attachment{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e7e9;border-radius:9px;padding:9px 10px;margin-bottom:7px}.mail-detail-file{display:flex;align-items:center;gap:9px;min-width:0}.mail-detail-file>span{font-size:18px}.mail-detail-file b,.mail-detail-file small{display:block}.mail-detail-file b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}.mail-detail-file small{color:#7a898f;margin-top:2px}.mail-compose textarea{width:100%;resize:vertical;line-height:1.5}.mail-compose-attachments{border:1px dashed #cfdadd;border-radius:10px;padding:10px;background:#fafcfc}.mail-compose-files{margin-top:8px;display:grid;gap:6px}.mail-compose-file{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid #e3e9eb;border-radius:8px;background:#fff}.mail-compose-file b,.mail-compose-file small{display:block}.mail-compose-file small{color:#7b898f}.modal.wide .mail-detail-body{max-height:48vh;overflow:auto}


/* v2.3 – skutečné píchačky + provázání se zakázkami */
.attendance-punch{background:#fff;border:1px solid #dfe6e8;border-radius:14px;box-shadow:var(--shadow);padding:20px;margin-bottom:14px}
.attendance-punch.is-present{border-left:5px solid #178a74}.attendance-punch.is-break{border-left:5px solid #c58b28}.attendance-punch.is-away{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:center}
.attendance-punch-copy h2,.attendance-punch-head h2{margin:3px 0 4px}.attendance-punch-copy p,.attendance-punch-head p{margin:0;color:#718188}
.attendance-punch-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.attendance-state{display:flex;gap:7px;align-items:center;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;white-space:nowrap}.attendance-state span{width:8px;height:8px;border-radius:50%;background:currentColor}.attendance-state.present{background:#eaf7f3;color:#26745f}.attendance-state.break{background:#fff5df;color:#9b6c18}
.attendance-main-btn{border:0;border-radius:12px;padding:18px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;cursor:pointer}.attendance-main-btn span{grid-row:1/3;font-size:28px;align-self:center}.attendance-main-btn b{font-size:18px}.attendance-main-btn small{margin-top:3px}.attendance-main-btn.in{background:#087f94;color:#fff}
.attendance-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.attendance-live-grid>div{padding:12px;border:1px solid #e0e6e8;border-radius:10px;background:#f8fafb}.attendance-live-grid span,.attendance-live-grid b{display:block}.attendance-live-grid span{font-size:10px;color:#74848b;text-transform:uppercase;letter-spacing:.05em}.attendance-live-grid b{font-size:20px;margin-top:4px}.attendance-live-grid .net{background:#eef8f6}
.attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.attendance-action{border:0;border-radius:11px;padding:12px 14px;display:flex;justify-content:center;gap:9px;align-items:center;font:inherit;cursor:pointer}.attendance-action.break{background:#fff3db;color:#8e6117}.attendance-action.resume{background:#eaf7f3;color:#236d59}.attendance-action.out{background:#f4f5f5;color:#4d5d63}.attendance-action b{font-size:12px}
.linked-work-panel{margin-bottom:15px}.linked-work-panel h3{margin:3px 0 4px}.linked-work-panel p{margin:0;color:#708088}.section-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#087f94;font-weight:900}.linked-work-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.linked-job-start{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px}.linked-job-start select{min-height:40px}.linked-work-time{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 10px;padding:11px 12px;background:#f5f9fa;border-radius:9px}.linked-work-time span{color:#728087}.linked-work-time b{font-size:20px}.linked-work-actions{display:flex;gap:8px;flex-wrap:wrap}.linked-work-hint{margin-top:10px;padding-top:9px;border-top:1px solid #e5eaec;color:#718188;font-size:11px}.disabled-work-panel,.break-work-panel{background:#f9fafb}.attendance-summary-grid,.attendance-report-summary{grid-template-columns:repeat(5,1fr)!important}.hours-job-detail{margin-top:14px}
@media(max-width:1050px){.attendance-summary-grid,.attendance-report-summary{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.attendance-punch.is-away{grid-template-columns:1fr}.attendance-live-grid{grid-template-columns:1fr}.attendance-actions{grid-template-columns:1fr}.linked-job-start{grid-template-columns:1fr}.attendance-summary-grid,.attendance-report-summary{grid-template-columns:1fr!important}}


/* v2.3.1 – přehlednější docházka */
.flow-strip{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8ea;border-radius:12px;padding:10px 12px;margin-bottom:14px}.flow-strip>div{display:flex;gap:8px;align-items:center}.flow-strip>div>b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf2f3;color:#66777e}.flow-strip>div.on>b{background:#087f94;color:#fff}.flow-strip span{font-weight:800}.flow-strip small{display:block;color:#7b898f;font-size:9px;font-weight:500}.flow-strip i{height:1px;background:#dfe6e8}
.shift-card,.job-card,.day-card{background:#fff;border:1px solid #dfe6e8;border-radius:14px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.shift-card.present{border-left:5px solid #178a74}.shift-card.break{border-left:5px solid #c58b28}.shift-card.away{display:grid;grid-template-columns:1fr 240px;gap:18px;align-items:center}.eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#087f94;margin-bottom:3px}.shift-card h2,.job-card h3,.day-card h3{margin:0}.shift-card p,.job-card p{margin:5px 0 0;color:#718188}.shift-main{border:0;border-radius:11px;padding:16px;cursor:pointer;text-align:left}.shift-main.in{background:#087f94;color:#fff}.shift-main b,.shift-main small{display:block}.shift-main b{font-size:17px}.shift-main small{margin-top:3px}.shift-head,.section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.shift-net{text-align:right}.shift-net span{display:block;font-size:9px;color:#78878d;text-transform:uppercase}.shift-net b{font-size:24px}.shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.shift-stats>div,.day-grid>div{background:#f7f9fa;border-radius:9px;padding:10px 12px}.shift-stats span,.shift-stats b,.day-grid span,.day-grid b{display:block}.shift-stats span,.day-grid span{font-size:9px;color:#78878d;text-transform:uppercase}.shift-stats b,.day-grid b{font-size:17px;margin-top:3px}.shift-actions,.job-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.job-card.muted{background:#fafbfb;box-shadow:none}.job-card.active{border-left:5px solid #087f94}.pill{border-radius:999px;padding:6px 9px;background:#f1f4f5;color:#66767d;font-size:9px;font-weight:900;white-space:nowrap}.pill.ok{background:#e9f7f2;color:#26725e}.pill.warn{background:#fff2db;color:#906318}.job-picker{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:13px}.job-time{display:flex;justify-content:space-between;align-items:baseline;background:#f6f9fa;border-radius:9px;padding:10px 12px;margin-top:13px}.job-time b{font-size:20px}.hint{margin-top:9px;padding-top:8px;border-top:1px solid #e6ebed;color:#74838a;font-size:10px}.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.break-note{color:#718188;font-size:10px;margin:9px 0 0}.day-detail{padding:0;overflow:hidden}.day-detail summary{cursor:pointer;padding:13px 15px;font-weight:800;display:flex;justify-content:space-between}.day-detail summary span{background:#edf2f3;border-radius:999px;padding:2px 7px;font-size:9px}.day-detail>div{border-top:1px solid #e4eaec}
@media(max-width:850px){.flow-strip{grid-template-columns:1fr}.flow-strip i{display:none}.shift-card.away{grid-template-columns:1fr}.shift-head{display:block}.shift-net{text-align:left;margin-top:10px}.shift-stats,.day-grid{grid-template-columns:1fr}.job-picker{grid-template-columns:1fr}}


/* v2.3.2 – začátek směny: Příchod NEBO rovnou zakázka; bez tlačítka Přestávka */
.start-choice-title{margin:2px 0 15px}.start-choice-title>span{font-size:9px;font-weight:900;letter-spacing:.09em;color:#087f94}.start-choice-title h2{margin:3px 0 4px;font-size:22px}.start-choice-title p{margin:0;color:#718188}
.start-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.start-choice-card{background:#fff;border:1px solid #dfe6e8;border-radius:14px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}
.start-choice-card.attendance-choice{border-top:4px solid #087f94}.start-choice-card.job-choice{border-top:4px solid #263a43}
.start-choice-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eef5f6;color:#087f94;font-size:22px;font-weight:900}
.job-choice .start-choice-icon{background:#eef1f2;color:#263a43}
.start-choice-copy small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#718188}.start-choice-copy h3{margin:3px 0 4px;font-size:17px}.start-choice-copy p{margin:0;color:#718188;min-height:34px}
.start-choice-card select,.start-choice-btn{grid-column:1/3}.start-choice-card select{margin-top:5px;min-height:40px}.start-choice-btn{min-height:42px;margin-top:2px}
.automatic-break-note{display:flex;gap:12px;align-items:center;background:#f8fafb}.automatic-break-note b{white-space:nowrap}.automatic-break-note span{color:#718188}

.active-shift-card{background:#fff;border:1px solid #dfe6e8;border-left:5px solid #178a74;border-radius:14px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}
.active-shift-main{display:flex;justify-content:space-between;align-items:center;gap:16px}.active-shift-status{display:flex;gap:11px;align-items:flex-start}.active-shift-status small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#087f94}.active-shift-status h2{margin:2px 0 3px}.active-shift-status p{margin:0;color:#718188}
.departure-main-btn{border:0;border-radius:10px;background:#f0f3f4;color:#475960;font-weight:900;padding:12px 18px;cursor:pointer}
.active-shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.active-shift-stats>div{background:#f7f9fa;border:1px solid #e5eaec;border-radius:10px;padding:10px 12px}.active-shift-stats .net{background:#eef8f6}.active-shift-stats span,.active-shift-stats b{display:block}.active-shift-stats span{font-size:9px;color:#77878d;text-transform:uppercase}.active-shift-stats b{font-size:18px;margin-top:3px}
.current-work-card{background:#fff;border:1px solid #dfe6e8;border-radius:14px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.current-work-card:not(.no-job){border-left:5px solid #087f94}.current-work-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.current-work-head small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#087f94}.current-work-head h3{margin:3px 0 3px}.current-work-head p{margin:0;color:#718188}.current-work-time{display:flex;justify-content:space-between;align-items:baseline;background:#f6f9fa;padding:10px 12px;border-radius:9px;margin:13px 0 10px}.current-work-time span{color:#74838a}.current-work-time b{font-size:20px}
.compact-day-card{box-shadow:none}
@media(max-width:850px){.start-choice-grid{grid-template-columns:1fr}.automatic-break-note{display:block}.automatic-break-note b{display:block;margin-bottom:4px}.active-shift-main{display:block}.departure-main-btn{width:100%;margin-top:12px}.active-shift-stats{grid-template-columns:1fr}}


/* v2.4 – uložené heslo, poznámky a To-do */
.mail-remember-choice{display:block;border:1px solid #dfe6e8;border-radius:10px;padding:10px 12px;background:#f8fafb;cursor:pointer}.mail-remember-choice>span{display:flex;align-items:center;gap:7px}.mail-remember-choice input{width:auto}.mail-remember-choice small{display:block;margin-top:5px;color:#718188;line-height:1.35}

.organizer-summary{display:grid;grid-template-columns:repeat(3,160px);gap:9px;margin-bottom:13px}.organizer-summary>div{background:#fff;border:1px solid #e0e6e8;border-radius:11px;padding:10px 12px}.organizer-summary span,.organizer-summary b{display:block}.organizer-summary span{font-size:9px;text-transform:uppercase;color:#78878d}.organizer-summary b{font-size:19px;margin-top:2px}
.organizer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.organizer-panel{padding:0;overflow:hidden}.organizer-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid #e5eaec}.organizer-section-head small{font-size:8px;color:#087f94;font-weight:900;letter-spacing:.08em}.organizer-section-head h2{margin:2px 0 0;font-size:17px}
.personal-notes-list,.personal-todos-list{padding:11px}.personal-note-card{border:1px solid #e0e6e8;border-radius:10px;padding:11px 12px;margin-bottom:9px;background:#fff}.personal-note-card.pinned{border-left:4px solid #087f94;background:#fbfefe}.personal-note-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.personal-note-head h3{margin:1px 0 0;font-size:14px}.note-pin{font-size:7px;font-weight:900;letter-spacing:.08em;color:#087f94}.personal-note-body{margin-top:8px;line-height:1.5;color:#43545c;overflow-wrap:anywhere}.personal-note-date{display:block;margin-top:9px;color:#859197}.organizer-check{display:block}.organizer-check input{width:auto}
.personal-todo-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:start;padding:10px 4px;border-bottom:1px solid #e8edef}.todo-check{width:26px;height:26px;border-radius:50%;border:1px solid #cbd6da;background:#fff;color:#087f94;font-size:15px;cursor:pointer}.todo-check.checked{background:#eaf7f3;border-color:#b8ddd3}.todo-copy b,.todo-copy small{display:block}.todo-copy small{color:#718188;margin-top:3px;white-space:pre-wrap}.todo-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.todo-meta>span{font-size:8px;background:#f1f4f5;color:#66767d;border-radius:999px;padding:3px 6px}.todo-priority.high{background:#fff0ef!important;color:#9a493f!important}.todo-priority.low{background:#f0f5fb!important;color:#4f6f8c!important}.personal-todo-row.done{opacity:.62}.personal-todo-row.done .todo-copy b{text-decoration:line-through}
.done-todos{margin:0 11px 11px;border:1px solid #e1e7e9;border-radius:9px;overflow:hidden}.done-todos summary{cursor:pointer;padding:9px 10px;font-weight:800;background:#f8fafb}.done-todos summary span{float:right;background:#e9edef;border-radius:999px;padding:1px 6px;font-size:8px}.done-todos-list{padding:0 8px}
.organizer-empty{padding:30px 16px;text-align:center;color:#718188}.organizer-empty b,.organizer-empty span{display:block}.organizer-empty b{color:#415158;margin-bottom:4px}.organizer-empty.compact{padding:22px 12px}
@media(max-width:1050px){.organizer-grid{grid-template-columns:1fr}.organizer-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.organizer-summary{grid-template-columns:1fr}.personal-note-head{display:block}.personal-note-head .row-actions{margin-top:8px}.personal-todo-row{grid-template-columns:28px minmax(0,1fr)}.personal-todo-row>.row-actions{grid-column:2}}


/* v2.5 – automatický e-mailový podpis */
.mail-signature-shortcut{width:100%;border:1px solid #e0e7e9;border-radius:9px;background:#f8fafb;padding:9px 10px;margin:8px 0 12px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer;color:#405159}.mail-signature-shortcut:hover{background:#f0f6f7}.mail-signature-shortcut>span{width:26px;height:26px;border-radius:7px;background:#e7f3f5;color:#087f94;display:grid;place-items:center;font-weight:900}.mail-signature-shortcut b,.mail-signature-shortcut small{display:block}.mail-signature-shortcut b{font-size:10px}.mail-signature-shortcut small{font-size:8px;color:#7a888e;margin-top:2px}
.mail-signature-settings .mail-signature-toggle{border:1px solid #dfe6e8;border-radius:9px;padding:10px 12px;background:#f8fafb}.mail-signature-toggle input{width:auto;margin-right:6px}.mail-signature-preview{border:1px solid #dfe6e8;border-radius:10px;background:#fff;padding:14px;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;color:#43545b}.mail-signature-preview .sig-rule{width:42px;height:2px;background:#087f94;margin-bottom:7px}.mail-signature-preview b{font-size:14px;color:#202e34}.mail-signature-preview strong{font-size:11px;color:#087f94;margin-top:4px}.mail-signature-preview span{font-size:10px}.mail-signature-preview em{font-size:9px;color:#718188;margin-top:4px}.mail-signature-preview.disabled{display:grid;place-items:center;color:#7d8a90;background:#f8fafb}
.mail-compose-tools{display:flex!important;align-items:center;gap:9px;justify-content:flex-start}.mail-compose-tools small{color:#718188}


/* v2.5.2 – grafický e-mailový podpis */
.mail-signature-preview.graphic{background:#fbfdfe;padding:10px;border:1px solid #dfe6e8;border-radius:12px}.mail-signature-preview.graphic>div{margin-top:0!important}.mail-compose-signature-preview .mail-signature-preview{margin-top:0}


/* v2.5.6 – menší podpis, dvě varianty a nenápadné potvrzení odeslání */
.signature-style-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.signature-style-card{border:1px solid #dfe6e8;border-radius:10px;background:#fff;padding:10px 11px;display:grid;grid-template-columns:22px 74px 1fr;gap:9px;align-items:center;cursor:pointer;transition:.15s ease}
.signature-style-card:hover{border-color:#9fcbd3;background:#fbfefe}
.signature-style-card.selected{border-color:#1498ad;box-shadow:0 0 0 2px rgba(20,152,173,.09);background:#fbfefe}
.signature-style-card input{width:auto;margin:0}
.signature-style-card img{max-width:72px;max-height:34px;object-fit:contain;object-position:left center}
.signature-style-card span b,.signature-style-card span small{display:block}.signature-style-card span small{color:#79878d;margin-top:2px;font-size:8px}
.mail-signature-preview.graphic{padding:7px 9px!important}.mail-signature-preview.graphic table{max-width:560px!important}
.mail-compose-signature-preview{max-width:610px}

.app-toast-host{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.app-toast{min-width:220px;max-width:420px;background:#26383f;color:#fff;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.22);padding:10px 14px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:11px;opacity:0;transform:translateY(14px);transition:.2s ease}
.app-toast.show{opacity:1;transform:translateY(0)}
.app-toast.ok{background:#26383f}.app-toast-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1498ad;color:#fff;font-size:12px;flex:0 0 auto}

@media(max-width:720px){.signature-style-switch{grid-template-columns:1fr}.signature-style-card{grid-template-columns:22px 70px 1fr}}


/* v2.6 – Doručené/Odeslané + hledání */
.mail-search-bar{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;margin:0 0 10px;padding:7px 10px;border:1px solid #dfe6e8;border-radius:9px;background:#f8fafb}
.mail-search-bar>span{color:#087f94;font-size:16px;text-align:center}.mail-search-bar input{border:0;background:transparent;outline:0;padding:4px 2px;width:100%;font:inherit}.mail-search-bar small{color:#77868d;white-space:nowrap}
.mail-message-row{width:100%;display:grid;grid-template-columns:16px minmax(130px,.7fr) minmax(220px,1.7fr) 90px;gap:9px;align-items:center;border:0;border-bottom:1px solid #e8edef;background:#fff;padding:10px 8px;text-align:left;cursor:pointer;color:#33464e}
.mail-message-row:hover{background:#f8fbfc}.mail-message-row.unread{font-weight:700;background:#fbfefe}.mail-message-dot{color:#0f8ca3;font-size:8px}.mail-message-from,.mail-message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-message-date{text-align:right;color:#718188;font-size:9px}
@media(max-width:760px){.mail-message-row{grid-template-columns:12px minmax(0,1fr) 72px}.mail-message-subject{grid-column:2/4;color:#65767d;font-size:10px}.mail-message-date{grid-column:3;grid-row:1}.mail-message-from{grid-column:2;grid-row:1}}

.app-toast.warn{background:#72541d}.app-toast.warn .app-toast-icon{background:#d9a33d}


/* v2.6.3 – upozornění na nepřečtené e-maily */
.nav-mail{position:relative}
.nav-mail-label{min-width:0}
.mail-unread-badge{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d84242;color:#fff;display:inline-grid;place-items:center;font-size:9px;font-weight:900;line-height:1;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.mail-unread-badge[hidden]{display:none!important}
.app-toast.mail{background:#25373e}
.app-toast.mail .app-toast-icon{background:#d84242}


/* v2.6.6 – přehlednější pošta a nový editor e-mailu */
.mail-message-row{
  grid-template-columns:18px minmax(160px,.8fr) minmax(260px,1.7fr) 112px!important;
  min-height:54px;
  padding:9px 12px!important;
}
.mail-message-from{font-size:12px;font-weight:650}
.mail-message-subject{font-size:12px;color:#44565e}
.mail-message-row.unread .mail-message-from,
.mail-message-row.unread .mail-message-subject{font-weight:850;color:#1f343d}
.mail-message-date{
  display:flex!important;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:1px;
  min-width:96px;
  text-align:right;
}
.mail-message-date b{font-size:11px;color:#34464e;font-weight:800}
.mail-message-date small{font-size:11px;color:#6b7a81;font-weight:650}
.mail-message-row.unread .mail-message-date b,
.mail-message-row.unread .mail-message-date small{color:#087f94}
.mail-message-dot{font-size:9px!important}

.mail-compose-modern{display:flex;flex-direction:column;gap:0;background:#fff}
.mail-compose-from{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;border:1px solid #e1e7e9;border-radius:11px 11px 0 0;background:#f8fafb}
.mail-compose-avatar{width:32px;height:32px;border-radius:9px;background:#e4f2f4;color:#087f94;display:grid;place-items:center;font-weight:900}
.mail-compose-from span,.mail-compose-from b{display:block}.mail-compose-from span{font-size:8px;text-transform:uppercase;color:#7c898f;letter-spacing:.07em}.mail-compose-from b{font-size:11px;margin-top:2px}
.mail-compose-address,.mail-compose-subject{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:8px;align-items:center;border-left:1px solid #e1e7e9;border-right:1px solid #e1e7e9;border-bottom:1px solid #e7ecee;padding:9px 12px;background:#fff}
.mail-compose-address label,.mail-compose-subject label{font-size:10px;font-weight:850;color:#506168}
.mail-compose-address input,.mail-compose-subject input{border:0!important;box-shadow:none!important;background:transparent!important;padding:5px 2px!important;font-size:12px!important;outline:0}
.mail-compose-subject{grid-template-columns:62px minmax(0,1fr);border-bottom:0}
.mail-cc-toggle{border:0;background:transparent;color:#087f94;font-weight:800;font-size:9px;cursor:pointer;padding:5px 7px}
.mail-compose-editor{border:1px solid #e1e7e9;border-top:0}
.mail-compose-editor textarea{width:100%;min-height:260px;border:0!important;resize:vertical;padding:16px!important;font:inherit;font-size:13px!important;line-height:1.55;outline:0;box-shadow:none!important;background:#fff!important}
.mail-compose-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:10px;margin-top:10px}
.mail-compose-attach-box{border:1px solid #e1e7e9;border-radius:10px;padding:9px;background:#fafcfc}
.mail-compose-signature-details{border:1px solid #e1e7e9;border-radius:10px;background:#fafcfc;overflow:hidden}
.mail-compose-signature-details summary{cursor:pointer;padding:10px 12px;font-size:10px;font-weight:850;color:#41535b}
.mail-compose-signature-details .mail-compose-signature-preview{border-top:1px solid #e5eaec;padding:9px;background:#fff}
.mail-compose-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}
.mail-compose-hint{margin-right:auto;font-size:9px;color:#7a888e}
.mail-send-main{min-width:130px}
#mail_send_state{margin-top:8px}

@media(max-width:820px){
  .mail-message-row{grid-template-columns:14px minmax(0,1fr) 92px!important}
  .mail-message-subject{grid-column:2/4;font-size:10px}
  .mail-message-date{grid-column:3;grid-row:1}
  .mail-compose-bottom{grid-template-columns:1fr}
}


/* v2.6.8 – náhledy e-mailových příloh */
.mail-detail-section-title{display:flex;align-items:center;gap:7px}
.mail-detail-section-title>span{background:#eef3f4;color:#617179;border-radius:999px;padding:2px 7px;font-size:8px}
.mail-attachment-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:10px}
.mail-attachment-card{border:1px solid #dfe6e8;border-radius:11px;background:#fff;overflow:hidden;min-width:0}
.mail-attachment-preview{position:relative;width:100%;height:125px;border:0;background:#f3f6f7;display:grid;place-items:center;overflow:hidden;cursor:pointer;padding:0}
.mail-attachment-preview img{width:100%;height:100%;object-fit:cover;display:block}
.mail-attachment-preview-hover{position:absolute;inset:auto 8px 8px auto;background:rgba(27,48,57,.82);color:#fff;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800;opacity:0;transform:translateY(3px);transition:.15s ease}
.mail-attachment-preview:hover .mail-attachment-preview-hover{opacity:1;transform:translateY(0)}
.mail-attachment-type{width:66px;height:78px;border-radius:9px;background:#e7ecee;color:#52646c;display:grid;place-items:center;font-weight:900;font-size:15px;box-shadow:0 3px 10px rgba(0,0,0,.07)}
.mail-attachment-type.pdf{background:#f7eeee;color:#914b4b}.mail-attachment-type.word{background:#edf2f8;color:#536f91}.mail-attachment-type.sheet{background:#edf5f0;color:#4e765e}.mail-attachment-type.archive{background:#f5f1ea;color:#78694b}
.mail-attachment-card-info{padding:9px 10px 6px;min-width:0}.mail-attachment-card-info b,.mail-attachment-card-info small{display:block}.mail-attachment-card-info b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-attachment-card-info small{font-size:8px;color:#7b898f;margin-top:3px}
.mail-attachment-card-actions{display:flex;gap:5px;padding:0 10px 9px}
.mail-attachment-full-preview{min-height:400px;max-height:72vh;display:grid;place-items:center;background:#f2f5f6;border-radius:10px;overflow:hidden}
.mail-attachment-full-preview.image img{max-width:100%;max-height:72vh;object-fit:contain}
.mail-attachment-full-preview.pdf iframe{width:100%;height:70vh;border:0;background:#fff}
.mail-attachment-no-preview{text-align:center;padding:50px 20px}.mail-attachment-large-type{width:86px;height:104px;border-radius:12px;background:#edf1f2;display:grid;place-items:center;margin:0 auto 16px;font-size:18px;font-weight:900;color:#53646b}
@media(max-width:700px){.mail-attachment-gallery{grid-template-columns:1fr 1fr}.mail-attachment-preview{height:105px}}
@media(max-width:460px){.mail-attachment-gallery{grid-template-columns:1fr}}


/* v2.6.9 – hlavička seznamu e-mailů */
.mail-list-header{
  display:grid;
  grid-template-columns:18px minmax(160px,.8fr) minmax(260px,1.7fr) 112px;
  gap:9px;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-bottom:1px solid #d8e0e3;
  background:#f3f6f7;
  color:#617179;
  font-size:9px;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
  position:sticky;
  top:0;
  z-index:2;
}
.mail-list-header span:last-child{text-align:right;padding-right:2px}
.mail-message-list{position:relative;overflow:hidden;border-top:1px solid #e5eaec}

@media(max-width:820px){
  .mail-list-header{grid-template-columns:14px minmax(0,1fr) 92px}
  .mail-list-header span:nth-child(3){display:none}
  .mail-list-header span:nth-child(4){text-align:right}
}


/* v2.7 – rychlejší načítání e-mailů */
.mail-load-more{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;border-top:1px solid #e5eaec;background:#fafcfc}
.mail-load-more small{color:#7a888e}


/* v2.7.1 – rychlejší první otevření + nastavitelné šířky sloupců */
.mail-main{
  --mail-from-width:220px;
  --mail-date-width:128px;
}
.mail-list-header,
.mail-message-row{
  grid-template-columns:18px var(--mail-from-width) minmax(180px,1fr) var(--mail-date-width)!important;
}
.mail-head-resizable{position:relative;height:100%;display:flex;align-items:center}
.mail-col-resizer{
  position:absolute;
  top:-7px;
  bottom:-7px;
  right:-9px;
  width:14px;
  cursor:col-resize;
  z-index:5;
  touch-action:none;
}
.mail-col-resizer::after{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  left:6px;
  width:1px;
  background:#cbd5d9;
  transition:.15s ease;
}
.mail-col-resizer:hover::after,
.mail-col-resizer.dragging::after{
  width:2px;
  left:5px;
  background:#1498ad;
}
body.mail-column-resizing{
  cursor:col-resize!important;
  user-select:none!important;
}
body.mail-column-resizing *{cursor:col-resize!important}

@media(max-width:820px){
  .mail-list-header,
  .mail-message-row{
    grid-template-columns:14px minmax(0,1fr) 92px!important;
  }
  .mail-col-resizer{display:none}
}


/* v2.7.2 – Datum první, odesílatel, předmět + náhled, příloha */
.mail-main{
  --mail-date-width:132px;
  --mail-from-width:220px;
}
.mail-list-header,
.mail-message-row{
  grid-template-columns:var(--mail-date-width) var(--mail-from-width) minmax(220px,1fr) 56px!important;
  gap:10px!important;
}
.mail-list-header .mail-head-attachment{text-align:center}
.mail-message-date{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center;
  gap:2px;
  min-width:0!important;
  text-align:left!important;
}
.mail-message-date-line{display:flex;align-items:center;gap:5px;min-width:0}
.mail-unread-dot{width:8px;color:#0f8ca3;font-size:8px;font-style:normal;flex:0 0 auto}
.mail-message-date b{font-size:11px!important;color:#34464e;font-weight:850}
.mail-message-date small{font-size:11px!important;color:#65767d;font-weight:700}
.mail-message-from{
  font-size:12px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mail-message-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  text-align:left;
}
.mail-message-subject{
  display:block;
  font-size:12px;
  font-weight:750;
  color:#31444c;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mail-message-preview{
  display:block;
  min-height:14px;
  font-size:10px;
  font-weight:500;
  color:#7a878c;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mail-message-preview.empty{color:#a1aaae}
.mail-message-attachment{
  display:grid;
  place-items:center;
  min-height:30px;
  font-size:16px;
  opacity:.25;
}
.mail-message-attachment.has{opacity:1;color:#087f94}
.mail-message-row{min-height:62px!important}
.mail-message-row.unread .mail-message-subject,
.mail-message-row.unread .mail-message-from{font-weight:900;color:#17313a}
.mail-message-row.unread .mail-message-preview{color:#52636b}

@media(max-width:900px){
  .mail-list-header,
  .mail-message-row{
    grid-template-columns:96px minmax(120px,.75fr) minmax(180px,1.4fr) 32px!important;
  }
}
@media(max-width:700px){
  .mail-list-header{display:none}
  .mail-message-row{
    grid-template-columns:82px minmax(0,1fr) 28px!important;
    grid-template-rows:auto auto;
  }
  .mail-message-date{grid-column:1;grid-row:1/3}
  .mail-message-from{grid-column:2;grid-row:1}
  .mail-message-content{grid-column:2;grid-row:2}
  .mail-message-attachment{grid-column:3;grid-row:1/3}
}


/* v2.8 – propojení e-mailů s dokumenty KONIBE */
.mini-btn.mail-link{border-color:#bfdde2;color:#087f94;background:#f5fbfc}
.mini-btn.mail-link:hover{background:#eaf7f9}
.mail-detail-links{margin-top:16px;padding-top:12px;border-top:1px solid #e4eaec}
.mail-detail-links .mail-detail-section-title{justify-content:flex-start}
.mail-detail-links .mail-detail-section-title .mini-btn{margin-left:auto}
.mail-link-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.mail-link-chip{display:flex;align-items:center;gap:7px;border:1px solid #dce5e8;border-radius:9px;background:#f8fbfc;padding:7px 9px;max-width:100%}
.mail-link-chip>i{font-style:normal;min-width:28px;height:25px;padding:0 5px;border-radius:6px;background:#dff1f4;color:#087f94;display:grid;place-items:center;font-size:8px;font-weight:900}
.mail-link-chip>span{min-width:0}.mail-link-chip small,.mail-link-chip b{display:block}.mail-link-chip small{font-size:7px;text-transform:uppercase;color:#7a888e;letter-spacing:.05em}.mail-link-chip b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.mail-links-empty{display:flex;gap:10px;align-items:center;margin-top:9px;padding:10px;border:1px dashed #d8e1e4;border-radius:9px;color:#718188}
.mail-links-empty>span{font-size:18px;color:#1498ad}.mail-links-empty b,.mail-links-empty small{display:block}.mail-links-empty b{font-size:10px;color:#43555d}.mail-links-empty small{font-size:8px;margin-top:2px}
.mail-link-manager{display:flex;flex-direction:column;gap:12px}
.mail-link-message-summary{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dde6e9;border-radius:10px;background:#f8fafb;padding:10px 12px}
.mail-link-message-summary>span{width:36px;height:36px;border-radius:9px;background:#e1f1f4;color:#087f94;display:grid;place-items:center;font-weight:900}.mail-link-message-summary small,.mail-link-message-summary b,.mail-link-message-summary em{display:block}.mail-link-message-summary small{font-size:7px;color:#76858b;text-transform:uppercase}.mail-link-message-summary b{font-size:12px;margin-top:2px}.mail-link-message-summary em{font-size:8px;color:#718188;margin-top:3px;font-style:normal}
.mail-link-manager-current{border:1px solid #e1e7e9;border-radius:10px;overflow:hidden}.mail-link-manager-current.empty-link{padding:14px}.mail-link-manager-current.empty-link b,.mail-link-manager-current.empty-link small{display:block}.mail-link-manager-current.empty-link small{margin-top:3px;color:#7a888e}
.mail-link-manager-title{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#f6f8f9;border-bottom:1px solid #e1e7e9}.mail-link-manager-title small{background:#e4ebed;border-radius:999px;padding:2px 7px}
.mail-link-manager-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #edf1f2}.mail-link-manager-row:last-child{border-bottom:0}
.mail-link-manager-copy{display:flex;align-items:center;gap:8px;min-width:0}.mail-link-manager-copy>span{min-width:32px;height:27px;border-radius:6px;background:#e4f3f5;color:#087f94;display:grid;place-items:center;font-size:8px;font-weight:900}.mail-link-manager-copy div{min-width:0}.mail-link-manager-copy small,.mail-link-manager-copy b{display:block}.mail-link-manager-copy small{font-size:7px;color:#7a888e;text-transform:uppercase}.mail-link-manager-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-link-add{border:1px solid #dce5e8;border-radius:10px;padding:12px;background:#fff}.mail-link-add label,.mail-link-add small{display:block}.mail-link-add label{font-size:9px;font-weight:900;margin-bottom:6px}.mail-link-add select{width:100%}.mail-link-add small{font-size:8px;color:#7a888e;margin-top:6px}
.linked-mail-list{display:flex;flex-direction:column;gap:8px}
.linked-mail-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #dfe6e8;border-radius:10px;padding:10px;background:#fff}
.linked-mail-dir{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:900}.linked-mail-dir.inbox{background:#e4f3f5;color:#087f94}.linked-mail-dir.sent{background:#edf1f7;color:#596f8d}
.linked-mail-copy{min-width:0}.linked-mail-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.linked-mail-top b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-mail-top time{font-size:8px;color:#77868d;white-space:nowrap}.linked-mail-copy>small,.linked-mail-copy>em{display:block}.linked-mail-copy>small{margin-top:3px;color:#65767d}.linked-mail-copy>p{font-size:9px;color:#68777d;margin:7px 0 0;line-height:1.45}.linked-mail-copy>em{font-size:7px;color:#8a969b;margin-top:6px;font-style:normal}
.linked-mail-actions{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.mail-linked-empty{text-align:center;padding:38px 20px;color:#718188}.mail-linked-empty>span{font-size:28px;color:#1498ad}.mail-linked-empty h3{margin:8px 0 4px;color:#41545c}.mail-linked-empty p{margin:0}
@media(max-width:720px){.linked-mail-card{grid-template-columns:34px minmax(0,1fr)}.linked-mail-actions{grid-column:2;flex-direction:row;align-items:center}.linked-mail-top{display:block}.linked-mail-top time{display:block;margin-top:3px}}


/* v2.9 – štítky, Koncepty, Koš */
.mail-folder-divider{height:1px;background:#e3e9eb;margin:10px 5px 8px}
.mail-label-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 5px;color:#65757c}
.mail-label-sidebar-head b{font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.mail-label-filter.active-label{background:#eff7f8;color:#087f94}
.mail-label-dot{width:9px!important;height:9px!important;border-radius:50%;display:inline-block!important}
.mail-label-dot.teal,.mail-label-chip.teal{--label:#128ca1;--label-bg:#e8f6f8}
.mail-label-dot.blue,.mail-label-chip.blue{--label:#476f9d;--label-bg:#edf3fa}
.mail-label-dot.green,.mail-label-chip.green{--label:#4d7c5a;--label-bg:#edf6ef}
.mail-label-dot.amber,.mail-label-chip.amber{--label:#9a6b20;--label-bg:#fbf3df}
.mail-label-dot.red,.mail-label-chip.red{--label:#9b4b4b;--label-bg:#faeeee}
.mail-label-dot.purple,.mail-label-chip.purple{--label:#765895;--label-bg:#f3eef8}
.mail-label-dot.gray,.mail-label-chip.gray{--label:#67767d;--label-bg:#eff2f3}
.mail-label-dot{background:var(--label)!important}
.mail-row-labels{display:flex;gap:4px;min-width:0;overflow:hidden;margin-top:1px}
.mail-label-chip{display:inline-flex;align-items:center;max-width:150px;border:1px solid color-mix(in srgb,var(--label) 25%,transparent);background:var(--label-bg);color:var(--label);border-radius:999px;padding:2px 6px;font-size:7px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-detail-labels{margin-top:14px;padding-top:12px;border-top:1px solid #e4eaec}
.mail-detail-labels .mail-detail-section-title .mini-btn{margin-left:auto}
.mail-label-settings{display:flex;flex-direction:column;gap:12px}
.mail-label-create{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto;gap:8px;align-items:end;border:1px solid #e1e7e9;border-radius:10px;padding:11px;background:#fafcfc}
.mail-label-settings-list{border:1px solid #e1e7e9;border-radius:10px;overflow:hidden}
.mail-label-settings-row{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid #edf1f2}.mail-label-settings-row:last-child{border-bottom:0}
.mail-label-picker{display:flex;flex-direction:column;gap:8px}.mail-label-picker-mail{padding:10px;border:1px solid #e1e7e9;border-radius:9px;background:#f8fafb}.mail-label-picker-mail small,.mail-label-picker-mail b{display:block}.mail-label-picker-mail small{font-size:7px;text-transform:uppercase;color:#7a888e}.mail-label-picker-mail b{margin-top:3px}
.mail-label-choice{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e6ebed;border-radius:8px;cursor:pointer}.mail-label-choice:hover{background:#fafcfc}
.danger-text{color:#9b4b4b!important}
@media(max-width:720px){.mail-label-create{grid-template-columns:1fr}.mail-row-labels{max-width:100%}}


/* v3.0 – Docházka 2.0 */
.hours-view-tabs{display:inline-flex;gap:3px;padding:3px;background:#edf2f4;border-radius:9px}
.hours-view-tabs button{border:0;background:transparent;padding:7px 10px;border-radius:7px;font-size:9px;font-weight:800;color:#607178;cursor:pointer}
.hours-view-tabs button.active{background:#fff;color:#087f94;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.attendance-source{display:inline-block;margin-top:3px;padding:2px 5px;border-radius:999px;font-size:7px;font-weight:800}
.attendance-source.manual{background:#f6eedf;color:#8b641f}.attendance-source.import{background:#edf1f8;color:#526d94}
.attendance-manual-form{display:flex;flex-direction:column;gap:11px}
.attendance-manual-notice{display:flex;flex-direction:column;gap:3px;border:1px solid #d7e5e8;background:#f4fafb;border-radius:9px;padding:10px 12px}
.attendance-manual-notice b{font-size:10px;color:#31505a}.attendance-manual-notice span{font-size:8px;color:#65767d;line-height:1.45}
.attendance-current-day{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;border:1px solid #e0e6e8;border-radius:9px;padding:9px 11px;background:#fafcfc}
.attendance-current-day span{font-size:8px;color:#79878c;text-transform:uppercase}.attendance-current-day b{font-size:11px}.attendance-current-day small{grid-column:2;color:#708087}
.attendance-import{display:flex;flex-direction:column;gap:10px}.attendance-import-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.attendance-import-summary{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.attendance-import-summary span{color:#697980}
.attendance-import-table{max-height:330px;overflow:auto;border:1px solid #e0e6e8;border-radius:8px}.attendance-import-table table{width:100%}
.attendance-import-table .bad-row{background:#fff2f2}
.attendance-calendar{display:flex;flex-direction:column;gap:10px}.attendance-calendar-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.attendance-calendar-toolbar .field{max-width:180px}.attendance-calendar-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.attendance-calendar-legend span{display:flex;align-items:center;gap:4px;font-size:8px;color:#62737a}.attendance-calendar-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}
.attendance-calendar-legend i.present{background:#dff2e4}.attendance-calendar-legend i.leave{background:#e8eef8}.attendance-calendar-legend i.weekend{background:#f1f2f2}.attendance-calendar-legend i.manual{background:#f7ecd8;border:1px solid #d4ad6c}
.attendance-calendar-scroll{overflow:auto;padding:0}.attendance-calendar-table{border-collapse:separate;border-spacing:0;min-width:1100px;width:100%}.attendance-calendar-table th,.attendance-calendar-table td{border-right:1px solid #e5eaec;border-bottom:1px solid #e5eaec;text-align:center;min-width:34px;height:36px;font-size:8px;padding:2px}.attendance-calendar-table thead th{position:sticky;top:0;background:#f7f9fa;z-index:2}.attendance-calendar-table th.person,.attendance-calendar-table td.person{position:sticky;left:0;z-index:3;min-width:170px;text-align:left;padding:0 9px;background:#fff}.attendance-calendar-table thead th.person{z-index:4;background:#f7f9fa}.attendance-calendar-table th small{display:block;color:#87949a;font-size:6px}.attendance-calendar-table .weekend{background:#f5f6f6}.attendance-calendar-table td.present{background:#e7f5eb;color:#3b6848;font-weight:900;cursor:pointer}.attendance-calendar-table td.leave{background:#edf2fa;color:#4e6c95;font-weight:900}.attendance-calendar-table td.manual{box-shadow:inset 0 0 0 2px #dfb46c}
.leave-page{display:flex;flex-direction:column;gap:10px}.leave-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.leave-actions small{font-size:7px;color:#087f94;font-weight:900;letter-spacing:.08em}.leave-actions h3{margin:2px 0 4px}.leave-actions p{margin:0;color:#6d7c82}.leave-pending,.leave-history{overflow:auto}
@media(max-width:760px){.attendance-calendar-toolbar{align-items:stretch}.attendance-calendar-toolbar .field{max-width:none}.leave-actions{align-items:flex-start;flex-direction:column}.hours-view-tabs{width:100%}.hours-view-tabs button{flex:1}}


/* v3.1 – sdílená schránka Fakturace */
.mail-account-switch{padding:0 4px 9px;border-bottom:1px solid #e5eaec;margin-bottom:9px}
.mail-account-switch label{display:block;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#7b898f;margin-bottom:4px}
.mail-account-switch select{width:100%;font-size:9px;padding:7px 8px;border:1px solid #dce4e7;border-radius:8px;background:#fff}
.mail-account.shared{background:#f4fafb;border-radius:9px;padding:8px}
.mail-account.shared .mail-avatar{background:#dff1f4;color:#087f94}
.shared-mailbox-purpose{margin:8px 3px 10px;padding:8px 9px;border:1px solid #d6e7ea;border-radius:8px;background:#f4fafb}
.shared-mailbox-purpose b,.shared-mailbox-purpose small{display:block}.shared-mailbox-purpose b{font-size:9px;color:#31535c}.shared-mailbox-purpose small{font-size:7px;color:#6c7d84;line-height:1.4;margin-top:3px}
.mail-auto-status{display:inline-flex;align-items:center;width:max-content;max-width:220px;margin-top:2px;padding:2px 6px;border-radius:999px;font-size:7px;font-weight:900}
.mail-auto-status.auto_assigned{background:#e8f5ec;color:#467352}.mail-auto-status.partial{background:#fbf2df;color:#8b6729}.mail-auto-status.needs_review{background:#faecec;color:#985151}.mail-auto-status.reviewed{background:#eaf3f7;color:#476f82}
.mail-auto-detail{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px;padding:9px 11px;border-radius:9px;border:1px solid #dfe6e8}
.mail-auto-detail>div b,.mail-auto-detail>div span{display:block}.mail-auto-detail>div b{font-size:9px}.mail-auto-detail>div span{font-size:8px;margin-top:2px;color:#62747b}.mail-auto-detail>small{font-size:7px;white-space:nowrap;color:#78878d}
.mail-auto-detail.auto_assigned{background:#f1faf3;border-color:#d9eadc}.mail-auto-detail.partial{background:#fff9ec;border-color:#eee0bd}.mail-auto-detail.needs_review{background:#fff4f4;border-color:#edd7d7}.mail-auto-detail.reviewed{background:#f2f8fa;border-color:#d9e8ed}


/* v3.2 – dashboard úkolů, e-mail -> úkol, hromadné OBJ, DEV mazání */
.organizer-nav-badge{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#46636d;color:#fff;display:inline-grid;place-items:center;font-size:8px;font-weight:900}
.organizer-nav-badge.urgent{background:#b45353}
.organizer-nav-badge[hidden]{display:none!important}

.dashboard-organizer{margin:0!important}
.dashboard-organizer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.dashboard-organizer-grid>section{min-width:0;border:1px solid #e2e8ea;border-radius:10px;background:#fbfcfc;overflow:hidden}
.dashboard-organizer-title{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #e5eaec}
.dashboard-organizer-title b{font-size:10px}
.dashboard-organizer-title span{font-size:8px;background:#e8eef0;border-radius:999px;padding:2px 7px}
.dashboard-task-list,.dashboard-note-list{display:flex;flex-direction:column}
.dashboard-task{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 10px;border-bottom:1px solid #edf1f2}
.dashboard-task:last-child{border-bottom:0}
.dashboard-task.overdue{background:#fff5f5}
.dashboard-task.today{background:#fffaf0}
.dashboard-task-main{border:0;background:transparent;text-align:left;min-width:0;cursor:pointer;padding:0}
.dashboard-task-main b,.dashboard-task-main small{display:block}
.dashboard-task-main b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-task-main small{font-size:8px;color:#76858b;margin-top:2px}
.dashboard-task.overdue .dashboard-task-main small{color:#a04c4c;font-weight:800}
.dashboard-task.today .dashboard-task-main small{color:#946b26;font-weight:800}
.dashboard-note-list>button{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;border:0;background:#fff;text-align:left;padding:9px 10px;border-bottom:1px solid #edf1f2;cursor:pointer}
.dashboard-note-list>button:last-child{border-bottom:0}
.dashboard-note-list>button:hover{background:#f6fafb}
.dashboard-note-list b,.dashboard-note-list small{display:block}
.dashboard-note-list b{font-size:10px}
.dashboard-note-list small{font-size:8px;color:#7a888e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.dashboard-organizer-empty{padding:18px;text-align:center;color:#75848a;font-size:9px}

.todo-mail-source-box{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #dce7ea;border-radius:9px;padding:9px!important;background:#f5fafb}
.todo-mail-source-box>span{width:32px;height:32px;border-radius:8px;background:#dff1f4;color:#087f94;display:grid;place-items:center}
.todo-mail-source-box small,.todo-mail-source-box b,.todo-mail-source-box em{display:block}
.todo-mail-source-box small{font-size:7px;color:#718187;letter-spacing:.06em}
.todo-mail-source-box b{font-size:10px;margin-top:2px}
.todo-mail-source-box em{font-size:8px;color:#78878d;font-style:normal;margin-top:2px}

.dev-delete-banner{margin-bottom:10px}
.dev-delete-banner b{color:#8d4d28}

.po-fixed-terms{border:1px solid #d4e5e8;border-radius:9px;padding:9px 10px!important;background:#f5fafb}
.po-fixed-terms>div{font-size:9px;font-weight:750;color:#38545d;line-height:1.45}
.po-fixed-terms small{display:block;margin-top:4px;color:#74848a}

.bulk-po{display:flex;flex-direction:column;gap:12px}
.bulk-po-suppliers{border:1px solid #dfe6e8;border-radius:10px;background:#fafcfc;overflow:hidden}
.bulk-po-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e4e9eb}
.bulk-po-section-head h3{margin:0;font-size:12px}
.bulk-po-section-head small{display:block;color:#7b898f;margin-top:2px}
.bulk-po-section-head input{max-width:260px}
.bulk-po-supplier-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px;overflow:auto}
.bulk-po-supplier-list label{display:flex;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid #edf1f2;border-right:1px solid #edf1f2;cursor:pointer;background:#fff}
.bulk-po-supplier-list label:hover{background:#f4fafb}
.bulk-po-supplier-list label:has(input:checked){background:#eaf7f9}
.bulk-po-supplier-list b,.bulk-po-supplier-list small{display:block}
.bulk-po-supplier-list b{font-size:10px}
.bulk-po-supplier-list small{font-size:8px;color:#7b888e;margin-top:2px}
.bulk-po-selected{padding:8px 11px;font-size:9px;color:#62737a}
.bulk-po-selected b{font-size:12px;color:#087f94}
.bulk-po-result-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.bulk-po-result-kpis>div{border:1px solid #e1e7e9;border-radius:9px;padding:11px;background:#f8fafb}
.bulk-po-result-kpis span,.bulk-po-result-kpis b{display:block}
.bulk-po-result-kpis span{font-size:8px;color:#75848a}
.bulk-po-result-kpis b{font-size:22px;margin-top:2px}
.bulk-po-result-kpis .bad b{color:#a04d4d}
.bulk-po-result-list{border:1px solid #e1e7e9;border-radius:9px;overflow:hidden;margin-bottom:10px}
.bulk-po-result-list h3{margin:0;padding:9px 11px;background:#f6f8f9;font-size:10px}
.bulk-po-result-list>div{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;padding:8px 11px;border-top:1px solid #edf1f2}
.bulk-po-result-list>div span{font-size:9px;color:#64757c}

@media(max-width:800px){
  .dashboard-organizer-grid{grid-template-columns:1fr}
  .bulk-po-supplier-list{grid-template-columns:1fr}
  .bulk-po-section-head{align-items:stretch;flex-direction:column}
  .bulk-po-section-head input{max-width:none}
}


/* v3.3 – import dodavatelů a zaměstnanců */
.partner-import .attendance-import-table,
.employee-import .attendance-import-table{max-height:330px;overflow:auto}
.partner-import textarea,
.employee-import textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}


/* v3.3.10 – výrazné mobilní menu */
.mobile-menu-btn,.mobile-sidebar-close,.mobile-nav-backdrop{display:none}
.top-left,.top-user{display:flex;align-items:center;gap:8px}
@media(max-width:760px){
  body.mobile-nav-open{overflow:hidden}
  .app{grid-template-columns:1fr!important}
  .main{width:100%;min-width:0}
  .top{height:62px;padding:0 10px 0 112px;gap:6px;z-index:40;position:sticky;top:0}
  .top-left{min-width:0;gap:8px}
  .top-left>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:31vw}
  .top-user{gap:4px;margin-left:auto;min-width:0}
  .top-user .chip{padding:7px 7px;font-size:10px;border-radius:8px;white-space:nowrap}
  .top-user .user-email-chip,.top-user .version-chip{display:none!important}
  .mobile-menu-btn{
    display:flex!important;position:fixed;left:10px;top:max(10px,env(safe-area-inset-top));z-index:95;
    width:92px;height:42px;border:0;border-radius:11px;background:#0b8196;color:#fff;
    align-items:center;justify-content:center;flex-direction:row;gap:7px;padding:0 12px;
    box-shadow:0 8px 24px rgba(11,129,150,.28);font-weight:800
  }
  .mobile-menu-btn .mobile-menu-icon{display:block;font-size:22px;line-height:1;color:#fff}
  .mobile-menu-btn .mobile-menu-label{display:block;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#fff}
  .sidebar{display:flex!important;position:fixed;inset:0 auto 0 0;width:min(88vw,330px);height:100dvh;z-index:100;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(0,0,0,.28);overflow-y:auto;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
  body.mobile-nav-open .sidebar{transform:translateX(0)}
  .sidebar .brand{position:sticky;top:calc(-1 * max(16px,env(safe-area-inset-top)));z-index:2;background:#11191f;padding-top:max(16px,env(safe-area-inset-top))}
  .mobile-sidebar-close{display:grid!important;margin-left:auto;width:36px;height:36px;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;font-size:25px;line-height:1}
  .mobile-nav-backdrop{position:fixed;inset:0;z-index:90;border:0;background:rgba(3,10,13,.58);padding:0}
  body.mobile-nav-open .mobile-nav-backdrop{display:block!important}
  .grouped-nav{padding-bottom:18px}
  .grouped-nav .nav-home{min-height:46px;font-size:13px}
  .grouped-nav .nav-section-title{min-height:40px;font-size:10px}
  .grouped-nav .nav-section-items>button{min-height:44px;font-size:12.5px}
  .side-status{margin-top:16px}
}



/* v3.3.13 – editable attendance import */
.attendance-import-table.editable{overflow:auto;max-height:58vh;border:1px solid var(--line);border-radius:10px}
.attendance-import-table.editable table{min-width:1040px}
.attendance-import-table.editable td{vertical-align:middle}
.attendance-import-person,.attendance-import-cell{width:100%;min-width:0;border:1px solid #ccd7dc;border-radius:7px;background:#fff;padding:7px 8px;font:inherit;color:#24333b}
.attendance-import-person{min-width:220px}
.attendance-import-cell{min-width:105px}
.attendance-import-cell.time{min-width:92px}
.attendance-import-cell.break{min-width:70px;width:78px;text-align:right}
.attendance-import-break{display:flex;align-items:center;gap:5px;white-space:nowrap}
.attendance-import-source,.attendance-import-problem{display:block;margin-top:4px;font-size:10px;line-height:1.25;color:#7b8990;max-width:230px;overflow:hidden;text-overflow:ellipsis}
.attendance-import-problem{color:#b04a4a;font-weight:700}
.attendance-manual-notice.compact{margin:8px 0 10px;padding:8px 10px}
@media(max-width:760px){.attendance-import-table.editable{max-height:52vh}.attendance-import-table.editable table{min-width:980px}}

/* v3.3.15 – sazby, přiřazení docházky k zakázce a hospodaření */
.finance-strip.four{grid-template-columns:repeat(4,1fr)}
.finance-strip small{display:block;margin-top:3px;color:#7b8a91;font-size:9px}
.work-note-text{display:block;max-width:320px;white-space:pre-wrap;line-height:1.35;color:#41545c}
.attendance-import-bulk-job{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f7fafb}
.attendance-import-bulk-job label{font-weight:800;font-size:11px;color:#52646c;white-space:nowrap}
.attendance-import-bulk-job select{min-width:320px;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}
.attendance-import-table.editable table{min-width:1420px}
.attendance-import-job{min-width:250px;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}
.attendance-import-cell.job-hours{width:110px}
.job-finance-modal{display:grid;gap:14px}.job-finance-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.job-finance-title span:first-child{font-size:9px;letter-spacing:.12em;color:#78878e}.job-finance-title h3{margin:3px 0 0;font-size:18px}.job-finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.job-finance-kpis>div{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fafcfc}.job-finance-kpis span,.job-finance-kpis b,.job-finance-kpis small{display:block}.job-finance-kpis span{font-size:10px;color:#718087}.job-finance-kpis b{font-size:17px;margin-top:3px}.job-finance-kpis small{font-size:9px;color:#829097;margin-top:2px}.job-finance-kpis .good b{color:#2f7956}.job-finance-kpis .bad b{color:#a33e3e}.job-finance-labor-margin{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:10px;background:#edf7f5;border:1px solid #d4eae5}.job-finance-labor-margin span{font-weight:700;color:#48615b}.job-finance-labor-margin b{font-size:18px}.job-finance-workers{margin:0}
@media(max-width:900px){.finance-strip.four,.job-finance-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.finance-strip.four,.job-finance-kpis{grid-template-columns:1fr}.attendance-import-bulk-job{align-items:stretch;flex-direction:column}.attendance-import-bulk-job select{min-width:0;width:100%}.attendance-import-table.editable table{min-width:1320px}}