/* Retain the current design; correct overflow, hidden panels and touch targets. */
[hidden]{display:none!important}img,video,canvas{max-width:100%}main,section,article,form,dialog,fieldset{min-width:0}button,input,select,textarea{font:inherit}p,small,.description,.content-field{overflow-wrap:anywhere}
.management-controls button,.employee-dashboard button,.employee-auth button,.staff-hub button{min-height:44px;touch-action:manipulation}.employee-dashboard input,.employee-dashboard select,.employee-dashboard textarea,.employee-auth input{font-size:16px;min-height:44px}.remember-device{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.remember-device input{width:20px!important;min-height:20px!important;height:20px}.employee-dashboard main{padding-bottom:max(24px,env(safe-area-inset-bottom))}.employee-dashboard header{padding-top:max(14px,env(safe-area-inset-top))}.employee-dashboard .simple-card summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item}.employee-dashboard .request-mini{border-top:1px solid #dfd6ca;padding:14px 0}.request-mini small{display:block}.health-alert{background:#fff0dc!important;border:1px solid #bf7738!important;color:#502c0e!important}.document-form{padding:18px 0;border-bottom:1px solid #ded6cd}.install-tools p{font-size:.92rem}.employee-dashboard input[type=file]{width:100%;max-width:100%}.employee-dashboard .simple-card textarea{width:100%;resize:vertical}.employee-dashboard .simple-links{flex-wrap:wrap}.employee-dashboard .simple-links button{flex:1;min-width:110px}
.admin-tabs{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important;overflow:visible!important}.admin-nav-group{border:1px solid #d7caba;border-radius:10px;min-width:150px;background:#fff;color:#382a20;padding:8px 12px}.admin-nav-group summary{cursor:pointer;min-height:32px;list-style-position:inside;font-weight:700}.admin-nav-group>button,.admin-nav-group>a{display:block!important;margin:6px 0!important;width:100%;white-space:normal!important}.secondary-users{font-size:.84rem;margin-inline-start:auto}.admin-tabs a,.admin-tabs button{min-height:44px}.admin-shell{min-width:0}.admin-section[hidden]{display:none!important}.content-admin{display:block;grid-column:1/-1;max-width:100%;background:#fff!important;color:#302219!important;border-radius:14px}.content-admin>.content-fields,.content-admin .content-fields{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:16px}.content-admin details{width:100%;min-width:0}.content-admin .content-field{min-width:0;max-width:100%}.content-admin button{background:#65452e!important;color:#fff!important;white-space:normal!important;margin:8px 4px;min-height:44px}.content-admin input,.content-admin textarea,.content-admin select{color:#302219!important;background:#fff!important;min-width:0;max-width:100%;font-size:16px}.content-admin [role=status]{position:static!important;z-index:auto!important;margin:8px 0;white-space:normal;overflow-wrap:anywhere}.content-admin .content-image-preview{max-width:100%;max-height:240px;object-fit:contain}.content-admin input[type=checkbox]{width:22px!important;height:22px}.content-admin .persian-date-control{max-width:100%;min-width:0}.icon-admin{grid-column:1/-1;min-width:0}.admin-header{flex-wrap:wrap}.hub-card .persian-date-control{max-width:100%}
@media(max-width:760px){.employee-dashboard header{gap:10px;flex-wrap:wrap}.employee-dashboard main{padding:12px!important}.employee-dashboard .simple-card{padding:16px!important;margin:12px 0!important}.employee-dashboard .presence-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employee-auth main{width:calc(100% - 24px)!important;margin:32px auto!important;padding:22px!important}.employee-dashboard .presence-group{padding:12px}.employee-dashboard .presence-row{padding:14px 0}.employee-dashboard .presence-name{align-items:flex-start}.employee-dashboard .presence-name span{min-width:0}.employee-dashboard .presence-name input{flex:none;min-height:20px;width:20px!important}.employee-dashboard .presence-inputs input[type=time]{width:100%;min-width:0}.content-admin .content-fields{grid-template-columns:1fr!important}.admin-nav-group{width:100%}.admin-tabs>.admin-tabs-link,.admin-tabs>button{width:100%;text-align:right}.secondary-users{margin:0}.admin-shell{padding:12px!important}.admin-section{padding:16px!important}.admin-section-head{flex-wrap:wrap}.admin-search{width:100%}.admin-body .admin-header{padding:14px;gap:12px}.admin-header .admin-user{display:flex;flex-wrap:wrap;gap:8px}.admin-header .admin-user>span{overflow-wrap:anywhere}.admin-team-list,.admin-customer-list,.employee-admin-layout{grid-template-columns:1fr!important}.ops-toolbar,.ops-grid{min-width:0}.ops-grid{grid-template-columns:1fr!important}.ops-table-wrap,.table-scroll{max-width:100%;overflow-x:auto}.operations-body header{flex-wrap:wrap;gap:10px}.operations-body input,.operations-body select,.operations-body textarea{font-size:16px}.operations-body .ops-card{min-width:0;padding:16px}.control-grid,.control-reports{grid-template-columns:1fr!important}.doppio-footer{grid-template-columns:1fr!important}.content-fields .wide{grid-column:auto}.academy-grid{grid-template-columns:1fr}.academy-page{max-width:100%;padding:16px}.staff-hub .hub-frame{min-height:650px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.employee-quick-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));gap:8px;background:#fff;border-top:1px solid #d5c7b5;z-index:20}.employee-quick-nav a{flex:1;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#65452e;color:white;text-decoration:none;font-size:14px}.employee-dashboard main{padding-bottom:100px!important}.employee-dashboard .presence-group>summary{cursor:pointer;font-weight:700;min-height:44px}.employee-dashboard .simple-card{background:#fff!important;color:#28211b!important}.employee-dashboard .simple-card :is(h1,h2,h3,label,p,small){color:inherit}.employee-dashboard :is(input,select,textarea){background:#fff!important;color:#28211b!important}#personal-tools,#tasks,#actions{scroll-margin-top:16px}

@media(max-width:600px){.doppio-date-control{display:grid!important;grid-template-columns:minmax(42px,.7fr) minmax(84px,1.3fr) minmax(76px,1fr);gap:4px}.doppio-date-control select{width:100%!important;min-width:0!important;padding:8px 3px!important;font-size:16px!important}.doppio-date-control .date-clear{grid-column:1/-1;justify-self:end;width:auto!important;padding:4px 12px!important}.doppio-date-control input[type=time]{grid-column:1/-1;width:100%}}

.admin-body .admin-tabs{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:hidden!important;overflow-y:auto!important}.admin-body .admin-tabs>.admin-nav-group{width:100%;min-width:0}.admin-body .admin-tabs .secondary-users{margin:0}.admin-body .admin-header .brand{min-width:42px;flex-shrink:0}@media(max-width:760px){.admin-body .admin-tabs{display:grid!important;grid-template-columns:1fr!important;position:relative!important;top:auto!important;order:0!important;max-height:none!important;overflow:visible!important}.admin-body .admin-tabs>*{min-width:0;width:100%}.admin-body .admin-tabs::before{grid-column:1/-1}}

.health-banner,.personal-banner{display:block;padding:12px 16px;border-radius:10px;margin:10px 0;text-decoration:none;line-height:1.8}.health-banner{background:#fff0dc;color:#663810;border:1px solid #bf7738}.personal-banner{background:#ece5dc;color:#4c3828;border:1px solid #cfc0ac}

.employee-dashboard #message:not(:empty){position:sticky;top:8px;z-index:25;padding:12px 16px;border:1px solid #b9c9b2;border-radius:10px;background:#eef5e9;color:#26421f}.employee-dashboard #message.simple-error{background:#fff1e8;color:#7f251c;border-color:#c68a77}
