.web-account{border:1px solid var(--line);margin-bottom:18px}.web-mode-heading{display:flex;align-items:center;justify-content:space-between;color:var(--blue)}#webSyncStatus{font-size:.8rem;line-height:1.5;color:var(--muted);margin:9px 0 12px}.web-mode-actions{display:flex;gap:8px;flex-wrap:wrap}.web-mode-actions button{min-height:44px;font-size:.76rem;flex:1}#webConflict{padding:12px;background:var(--soft);border-left:4px solid #ba7a16;font-size:.8rem;margin-top:10px}#webAccount [hidden]{display:none!important}
@media(min-width:1000px){.app{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.topbar,.web-account,footer,.utility{grid-column:1/-1}.topbar{margin-bottom:0}.clock-card{grid-row:3;grid-column:1}.actions{grid-row:4;grid-column:1;margin:0}.pause-controls{grid-row:5;grid-column:1}.calendar-card{grid-row:3/6;grid-column:2}.report{grid-column:1/-1}.stats.six{grid-template-columns:repeat(6,1fr)}.absence-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.web-account{display:none}}
@media(min-width:700px){.app>.clock-card,.app>.calendar-card,.app>.card,.app>.actions,.app>.report,.app>.topbar,.app>.utility,.app>footer{width:100%;margin-left:0;min-width:0}.app>.card{display:block}.app>.clock-card{display:block}}

#webAccountPanel{grid-column:1/-1}#webAccountPanel>summary{cursor:pointer;display:list-item;font-weight:750;line-height:1.5}#webAccountPanel>summary .pill{margin-left:8px;font-size:.7rem}#webAccountPanel:not([open]){padding:14px 18px;margin-top:16px}#webAccountPanel[open]>summary{margin-bottom:14px}