/* A workshop work surface: quiet office tables, a green punch clock, clear status colours. */
:root{--paper:#eef3f4;--ink:#203b45;--muted:#637b84;--line:#d8e3e6;--forest:#216b54;--forest-deep:#194b40;--sage:#dceee6;--sage-soft:#f1f7f4;--radius:12px;background:var(--paper);font-family:Bahnschrift,"Segoe UI",system-ui,sans-serif}
body{background:var(--paper);color:var(--ink);font-size:14px}
.app-shell{grid-template-columns:216px minmax(0,1fr)}
.sidebar,.tablet-kiosk .sidebar{background:#fff;color:var(--ink);border-right:1px solid #d7e3e4;box-shadow:none;padding:24px 14px 18px}
.sidebar .brand{color:#234d44;margin:0 9px 27px;gap:12px}
.sidebar .brand-symbol{color:#277958}.sidebar .brand-symbol>span{background:#d0a348}
.sidebar .brand strong{font-size:24px;letter-spacing:-.7px}.sidebar .brand small{color:#6a8381;font-size:12px}
.sidebar nav{gap:5px}.sidebar .nav-button{padding:8px 9px;min-height:44px;border:1px solid transparent;border-radius:9px;gap:10px;color:#526d77;font-size:13px;font-weight:500;line-height:1.3}
.sidebar .nav-button svg{width:28px;height:28px;padding:5px;border-radius:7px;background:#edf3f5;color:#557786;flex-shrink:0}
.sidebar .nav-button[data-section=mitarbeiter] svg{background:#e3f2ed;color:#287657}
.sidebar .nav-button[data-section=projekte] svg,.sidebar .nav-button[data-section=zuschlaege] svg{background:#e6eef8;color:#3d6f99}
.sidebar .nav-button[data-section=konto] svg,.sidebar .nav-button[data-section=umbuchungen] svg{background:#eeebf6;color:#796093}
.sidebar .nav-button[data-section=kalender] svg,.sidebar .nav-button[data-section=feiertage] svg,.sidebar .nav-button[data-section=abwesenheiten] svg{background:#f7eaf0;color:#ab6282}
.sidebar .nav-button[data-section=antraege] svg{background:#fbefda;color:#a47425}
.sidebar .nav-button:hover:not(:disabled){background:#f0f6f4;color:#254d43;border-color:#e1eae5}
.sidebar .nav-button:not(.active){background:transparent;color:#526d77}
.sidebar .nav-button.active{background:#e2f0e9;border-color:#c4dfd0;color:#225c47;font-weight:650;box-shadow:none}
.sidebar .nav-button.active svg{background:#287657;color:#fff}
.sidebar .sidebar-bottom{padding-top:20px}.sidebar .sidebar-bottom p{color:#5c7478;font-size:11px}.sidebar .probe-badge{background:#f1f6f3;border-color:#d1e1d7;color:#5e7d6c;border-radius:5px}.sidebar .quiet.light{color:#456960;border-color:#d2e1db;background:#fafcfb}
.sidebar .suite-links{gap:10px;padding:17px 8px}.sidebar .suite-links a{color:#52786c;font-size:12px}
main{padding-inline:28px}.topbar{min-height:72px;gap:14px}.date-label{color:#536f78;font-size:13px}.local-label{background:#f7edda;color:#947035;border-radius:5px;padding:4px 8px;font-size:11px}
.topbar .view-picker{gap:8px}.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select{min-height:38px;padding:8px 12px;background:#fff;border-color:#d0dfe4;border-radius:8px;box-shadow:none;color:#426675;font-size:13px;font-weight:600}
.topbar .view-picker>button:hover:not(:disabled),.topbar .view-picker>a:hover,.topbar .view-picker>select:hover{background:#e4f0ec;border-color:#a4caba;color:#24634c}
.topbar .view-picker>.language-picker{font-size:12px;color:#6a8388}.language-picker select{min-height:38px;border-radius:8px;padding:8px 11px;font-size:13px;border-color:#d0dfe4}
.intro{margin:23px 0 18px;gap:18px}.intro h1,.tablet-kiosk .intro h1{font-size:30px;letter-spacing:-.8px;font-weight:650;line-height:1.2;color:#23454c;margin:5px 0 8px}.intro #section-caption{font-size:12px;color:#61857a}.intro #page-description{max-width:88ch;line-height:1.6;font-size:13px}
.snapshot-banner{background:#e7eef0;border-color:#92b2b9;border-radius:7px;padding:10px 14px;font-size:12px;color:#627e86;margin-bottom:18px;box-shadow:none}
.panel{background:#fff;border-radius:12px;border-color:#d8e4e6;box-shadow:0 2px 3px #254f4410;overflow:hidden}
.panel-head{background:#fafcfb;border-top:3px solid var(--section-accent);border-bottom:1px solid #e0e9e9;padding:12px 16px;gap:12px}.panel-head h2{font-size:17px;letter-spacing:-.2px;color:#325861;font-weight:600}
thead th{background:var(--section-soft);font-size:12px;font-weight:600;color:#546f78;padding:10px 12px;border-bottom-color:#d6e3e7}
tbody td{font-size:13px;padding:8px 12px;line-height:1.45;border-bottom-color:#e5eded}
tbody tr:nth-child(even):not(.absence-row){background:#f7faf9}tbody tr:hover:not(.absence-row){background:#edf5f2}
.num,.clock-value,.stat strong,.personal-stat strong,.profile-stats strong,.balance-preview strong{font-variant-numeric:tabular-nums}
.table-foot{font-size:12px;background:#fafcfb;padding:11px 16px;color:#658188}.name-cell .avatar{width:32px;height:32px}.name-cell .person-name{font-size:13px}.name-cell .subtle{font-size:11px}
.toolbar{gap:8px}.toolbar input,.toolbar select{font-size:13px;min-height:36px;border-radius:7px;background:#fff}.table-panel .toolbar{padding:12px 16px}
button{border-radius:8px;transition:background .14s,border-color .14s,box-shadow .14s}button:active:not(:disabled){transform:none}
.primary{background:#277756;border-color:#277756;color:#fff;box-shadow:none}.primary:hover:not(:disabled){background:#1e6346;border-color:#1e6346}
.blue{background:#eaf2f8;border-color:#c3d7e5;color:#386a8c;box-shadow:none}.blue:hover:not(:disabled){background:#dcecf7;border-color:#a7c5da}
.quiet{background:#fff;border-color:#d3e0e4;color:#4f6e78}.quiet:hover:not(:disabled){background:#eef6f3;border-color:#b6d1c3}
.danger{background:#fbece9;border-color:#edccc5;color:#a55143}.danger:hover:not(:disabled){background:#f6dcd7}
.holiday-button{background:#f6eaf1;border-color:#e4cbd9;color:#995b7c}.link-button{color:#336c82}.link-button:hover:not(:disabled){background:#e6f0f4}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a78a;outline-offset:3px}
.status,.pill,.role-badge{font-size:12px;border-radius:6px;padding:4px 8px;line-height:1.35}
.status.working,.status.approved,.pill.approved{background:#e0f1e7;color:#2a7550}.status.pause,.status.pending{background:#fbefd8;color:#9b6c29}.status.rejected{background:#f7e5e0;color:#a15448}
.stats{border-radius:12px;border-color:#d7e4e3;box-shadow:none;overflow:hidden;margin-bottom:20px}.stat{padding:16px 18px;border-right-color:#dce7e4;position:relative}
.stat:nth-child(1){background:#e6f2eb;border-top:3px solid #459576}.stat:nth-child(2){background:#e9f1f8;border-top:3px solid #5e91ba}.stat:nth-child(3){background:#fbf1df;border-top:3px solid #c69a42}.stat:nth-child(4){background:#f1ecf7;border-top:3px solid #9980b2}
.stat strong{font-size:30px;letter-spacing:-.6px;font-weight:600;color:#2d5355}.stat small{font-size:12px}.stat span{font-size:12px;font-weight:500}
/* The punch clock is the main working instrument; the accounts stay on a light surface. */
.personal-primary-grid{gap:20px;align-items:start}.personal-workspace .work-clock{background:#214e42;border:1px solid #214e42;border-top:4px solid #c5a651;border-radius:16px;padding:24px;color:#f4faf6;box-shadow:none}
.personal-workspace .work-clock .worker-top{gap:14px;margin-bottom:20px}.personal-workspace .work-clock .worker-top h2{color:#f4faf6;font-size:23px;font-weight:550;letter-spacing:-.3px}.personal-workspace .work-clock .worker-top p{color:#b8d1c5;font-size:13px}
.personal-workspace .work-clock .avatar{box-shadow:0 0 0 3px #557b69}.personal-workspace .work-clock .personal-profile-button{color:#e5f1e9;background:#315e50;border-color:#5b8070;min-height:38px}
.personal-workspace .work-clock .clock-project{background:#2d5b4d;border-color:#4e7867;border-left-color:#ccae5c;border-radius:9px;padding:15px;margin-bottom:20px}
.personal-workspace .work-clock .clock-project .clock-label{color:#adc9b8;font-size:12px}.personal-workspace .work-clock .clock-project strong{color:#f2faf4;font-size:17px;line-height:1.45}.personal-workspace .work-clock .clock-project .subtle{color:#bbd5c7;font-size:12px}
.personal-workspace .work-clock .clock-label{color:#c6ddd0;font-size:13px}.personal-workspace .work-clock .clock-value{color:#fffaf0;font-size:clamp(42px,4.6vw,72px);font-weight:450;letter-spacing:-1.6px;margin:10px 0 23px;line-height:1.05}
.personal-workspace .work-clock .hint{color:#bbd4c6;font-size:12px;line-height:1.6;margin-top:16px}
.personal-workspace .clock-actions{gap:9px}.personal-workspace .clock-actions button{border-radius:9px;min-height:46px;font-size:14px;padding:11px 12px;font-weight:600}
.personal-workspace .clock-actions [data-timer=switch]{background:#edf6f0;border-color:#c5e0cf;color:#255741}.personal-workspace .clock-actions [data-timer=switch]:hover:not(:disabled){background:#dceee2}
.personal-workspace .clock-actions [data-timer=pause],.personal-workspace .clock-actions [data-timer=resume],.personal-workspace .clock-actions [data-timer=start]{background:#4c9570;border-color:#72b190;color:#fff}.personal-workspace .clock-actions [data-timer=pause]:hover:not(:disabled),.personal-workspace .clock-actions [data-timer=resume]:hover:not(:disabled),.personal-workspace .clock-actions [data-timer=start]:hover:not(:disabled){background:#3a845f}
.personal-workspace .clock-actions .smoking-button{background:#476a5c;border-color:#6c8d7d;color:#ecf5ef}.personal-workspace .clock-actions [data-timer=stop]{background:#654e43;border-color:#927664;color:#ffebe0}.personal-workspace .clock-actions [data-timer=stop]:hover:not(:disabled){background:#77584a}
.personal-summary-side .panel-head,.personal-bottom-grid .panel-head{background:#fff;border-top-width:0;padding:14px 16px}.personal-summary-side .panel-head h2,.personal-bottom-grid .panel-head h2{font-size:16px;color:#38585e}
.personal-stat-grid{padding:14px;gap:9px}.personal-stat{border-radius:8px;padding:13px;border-width:0 0 0 3px;gap:6px}.personal-stat>span{font-size:12px;font-weight:500}.personal-stat>strong{font-size:29px;font-weight:600;letter-spacing:-.5px}.personal-stat>small{font-size:11px;line-height:1.5}
.personal-blue{background:#edf4f9;border-left-color:#769fbc}.personal-green{background:#eaf5ee;border-left-color:#5ca780}.personal-violet{background:#f3eef7;border-left-color:#a18bba}.personal-red{background:#fbece8;border-left-color:#c37b69}
.personal-period{padding:2px 16px 14px;font-size:12px}.personal-period>strong{font-size:13px}.personal-period>small{font-size:11px}.personal-links button{font-size:12px;min-height:36px}.personal-note{font-size:11px;line-height:1.55;padding-top:12px;padding-bottom:14px}
.personal-project-list>div,.personal-request-list>div{padding:12px 0}.personal-project-list strong,.personal-request-list strong{font-size:13px}.personal-project-list small,.personal-request-list small{font-size:12px}.personal-project-list button,.personal-requests .panel-head button{font-size:12px;min-height:38px}.personal-request-counts .status{font-size:12px;min-height:35px}.personal-bottom-grid{gap:20px}
.budget-track{height:5px;border-radius:3px}.timeline li{padding:11px 16px}.timeline .time{font-size:12px;color:#78928e}.timeline .duration{font-weight:650;color:#3b7360}
.terminal-directory-head{margin-bottom:14px}.terminal-directory-head h2{font-size:21px;letter-spacing:-.4px;color:#345e56}.terminal-directory-head>span{color:#65877b;font-size:13px}
.terminal-grid{gap:10px}.terminal-grid .terminal-person{min-height:92px;padding:14px 18px;border-radius:11px;border-color:#d4e2de;background:#fff;box-shadow:none}.terminal-grid .terminal-person.terminal-leader{background:#f1f5f9}.terminal-grid .terminal-person.terminal-work{background:#edf8f1;border-left-color:#479d72}.terminal-grid .terminal-person.terminal-pause,.terminal-grid .terminal-person.terminal-smoking,.terminal-grid .terminal-person.terminal-automatic{background:#fff8e9;border-left-color:#c39b43}
.terminal-grid .terminal-person:hover:not(:disabled){border-color:#83b29c;box-shadow:0 0 0 1px #83b29c}.terminal-identity strong{color:#345b54;font-size:17px}.terminal-presence{font-size:12px;padding:7px 11px}.terminal-current-project strong{color:#446c65}.terminal-current-project>span{color:#5e7e76}
dialog{border-color:#c9ddD4;border-radius:15px;box-shadow:0 20px 70px #15392c2b}dialog::backdrop{background:#193e3652;backdrop-filter:blur(2px)}.modal-top{background:#f4f8f5;border-bottom-color:#d6e5dc;padding:17px 22px}.modal-top h2{color:#376758;font-size:21px}.modal-top .icon-button{color:#6a897d;border-radius:7px}.modal-top .icon-button:hover{background:#e4efe8}.modal-person{border-bottom-color:#dce8e1}.staff-tabs button.active{background:#e0f0e7;border-color:#afcfba;color:#35694f}.form-actions{border-top-color:#e0e9e4}
input,select,textarea{border-color:#cfdfd7;border-radius:7px;color:#385a4d}.field{font-size:13px}.field input,.field select{min-height:39px}.form-grid{gap:15px}
.zeit-login{background:#e8f0eb;color:#2f5143}.zeit-login .login-card{border-radius:17px;border:1px solid #cddfd4;border-top:5px solid #4e8e6b;box-shadow:0 16px 50px #294d3914;background:#fff}.zeit-login .login-brand strong,.zeit-login h1{color:#305b46}.zeit-login .login-brand .brand-symbol{color:#2d845c}.zeit-login .login-submit{background:#2b7855;border-color:#2b7855}.zeit-login .login-submit:hover:not(:disabled){background:#226444}
@media(min-width:1800px){main{padding-inline:34px}.personal-primary-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.personal-workspace .work-clock{padding:28px}.personal-stat-grid{gap:12px}}
@media(max-width:1100px){.personal-primary-grid{grid-template-columns:1fr}.personal-workspace .work-clock .clock-value{font-size:62px}}
@media(max-width:700px){
 main{padding:0 14px 24px}.sidebar,.tablet-kiosk .sidebar{padding:12px 14px;border-right:0;border-bottom:1px solid #d0e1d7;background:#fff}.sidebar .brand{margin:0;gap:10px}.sidebar .brand strong{font-size:21px}.sidebar .brand small{font-size:11px}.mobile-menu-button{background:#e6f2e9;border-color:#bdd6c5;color:#33744d;border-radius:8px}.sidebar .nav-button{min-height:44px;font-size:13px}.sidebar .nav-button svg{width:25px;height:25px}
 .topbar{padding:11px 0;min-height:auto;gap:9px}.topbar>div:first-child{gap:8px}.date-label{font-size:12px}.topbar .view-picker{gap:6px}.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select{min-height:42px;font-size:12px;padding:9px 10px}.language-picker select{min-height:42px;font-size:12px}.topbar .view-picker>.language-picker{font-size:0}
 .intro{margin:18px 0 15px;gap:12px}.intro h1,.tablet-kiosk .intro h1{font-size:26px}.intro #page-description{font-size:12px}.snapshot-banner{font-size:11px;padding:9px 11px;margin-bottom:15px}.stats{margin-bottom:15px}.stat{padding:13px 14px}.stat strong{font-size:27px}
 .personal-workspace .work-clock{padding:19px;border-radius:13px;border-top-width:4px}.personal-workspace .work-clock .worker-top h2{font-size:21px}.personal-workspace .work-clock .worker-top{margin-bottom:17px}.personal-workspace .work-clock .clock-value{font-size:56px}.personal-workspace .work-clock .clock-project{padding:13px}.personal-workspace .clock-actions button{min-height:48px;font-size:14px}.personal-workspace .work-clock .hint{font-size:12px}
 .personal-stat-grid{padding:12px;gap:8px}.personal-stat{padding:11px}.personal-stat>strong{font-size:27px}.personal-links button,.personal-project-list button,.personal-requests .panel-head button{min-height:44px;font-size:13px}.personal-summary-side .panel-head h2,.personal-bottom-grid .panel-head h2{font-size:16px}.personal-note{font-size:11px}.personal-bottom-grid{gap:16px}
 .employee-view .mobile-navigation:not([hidden]){background:#fff;border-top-color:#d1e2d8;box-shadow:0 -4px 20px #2246310b;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.mobile-navigation button{color:#718a7c;border-radius:8px;min-height:55px;font-size:12px}.mobile-navigation button[aria-current=page]{color:#2d7952;background:#e4f2e8}.mobile-navigation button:hover:not(:disabled){background:#eef6f0}
 .terminal-grid .terminal-person{padding:13px;min-height:96px}.terminal-identity strong{font-size:16px}.terminal-current-project strong{font-size:13px}.terminal-current-project>span{font-size:12px}.terminal-presence{font-size:11px}.modal-top{padding:14px 17px}.modal-top h2{font-size:19px}
 .zeit-login .language-picker{font-size:12px}.zeit-login .login-card{padding:23px;border-radius:15px}
 .field input,.field textarea,.field select{font-size:16px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){button,.nav-button,.terminal-person{transition:none}dialog::backdrop{backdrop-filter:none}}

/* Refined application chrome and a lighter, more readable working instrument. */
:root{
 --icon-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
 --icon-balance:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 8h8M9 4v8M13 16h6'/%3E%3C/svg%3E");
 --icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16M8 14h3M8 17h6'/%3E%3C/svg%3E");
 --icon-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4v16h16M8 15v-4M12 15V7M16 15v-6'/%3E%3C/svg%3E");
 --icon-switch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h15m-4-4 4 4-4 4M20 17H5m4-4-4 4 4 4'/%3E%3C/svg%3E");
 --icon-pause:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E");
 --icon-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m8 5 11 7-11 7z'/%3E%3C/svg%3E");
 --icon-stop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3C/svg%3E");
}
body{background:#f1f5f4}
.topbar{background:#fff;margin-inline:-28px;padding-inline:28px;min-height:66px;border-bottom:1px solid #dce7e1}
.topbar .view-picker>button,.topbar .view-picker>a,.topbar .view-picker>select,.language-picker select{border-radius:9px;background:#f8fbfa;border-color:#d6e3dd}
.topbar #page-refresh{background:#e5f0e9;color:#3d765a;border-color:#c4dbcb}
.topbar .date-label{font-weight:500;color:#486b61}
.sidebar .brand{padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #e3ece7}
.sidebar .nav-button{min-height:42px;font-weight:500;border-radius:8px}
.sidebar .nav-button.active{background:#2d7458;color:#fff;border-color:#2d7458;box-shadow:0 3px 7px #23553c18}
.sidebar .nav-button.active svg{background:#4c8c70;color:#fff}
.sidebar .nav-button:hover:not(.active):not(:disabled){background:#edf5f0;border-color:#d7e7dd;color:#2e684f}
.intro h1,.tablet-kiosk .intro h1{letter-spacing:-.7px;font-weight:600}
.panel{border-radius:13px;border-color:#d9e6de;box-shadow:0 3px 10px #28543b08}
.panel-head{background:#fcfdfc;border-top-width:2px}.panel-head h2{font-size:16px;font-weight:600}
thead th{font-size:12px;background:#edf4f0;color:#4a6e5d;padding-block:10px}tbody td{padding-block:8px}
.table-foot{background:#fcfdfc}.profile-stats>div{border-radius:9px}.staff-tabs button{border-radius:7px}
.primary,.blue,.quiet,.holiday-button,.danger{border-radius:9px;font-weight:550}
.primary{background:#2d7958;border-color:#2d7958;box-shadow:0 2px 4px #2b624316}
.blue{background:#edf4fa;border-color:#c7dce9;color:#447997}.holiday-button{background:#f3eaf5;border-color:#ddcee4;color:#9067a2}
.personal-workspace .work-clock{padding:22px;background:#fff;border-color:#d3e5d9;border-top:0;border-radius:16px;overflow:hidden;color:#345947;box-shadow:0 4px 14px #2448320b}
.personal-workspace .work-clock .worker-top{margin:-22px -22px 18px;padding:21px 22px;background:#2a6651;border-bottom:3px solid #b4cc8e}
.personal-workspace .work-clock .worker-top h2{color:#fff;font-size:22px;font-weight:500}.personal-workspace .work-clock .worker-top p{color:#c9dfd3}
.personal-workspace .work-clock .avatar{box-shadow:0 0 0 3px #7aa98e}.personal-workspace .work-clock .personal-profile-button{background:#408066;border-color:#6c9e82;color:#fff;border-radius:8px}
.personal-workspace .work-clock .clock-project{background:#eef6f1;border-color:#d3e5d9;border-left-color:#83af8e;margin-bottom:18px;padding:14px;border-radius:9px}
.personal-workspace .work-clock .clock-project .clock-label{color:#567861}.personal-workspace .work-clock .clock-project strong{color:#345f49;font-size:17px;font-weight:600}.personal-workspace .work-clock .clock-project .subtle{color:#617d69}
.personal-workspace .work-clock .clock-label{color:#5e7b68;font-size:12px}.personal-workspace .work-clock .clock-value{color:#2d6d51;font-size:clamp(44px,4.5vw,68px);font-weight:500;letter-spacing:-1.7px;margin:12px 0 22px;line-height:1.05}
.personal-workspace .work-clock .hint{color:#5f7868;font-size:12px;line-height:1.6}
.personal-workspace .clock-actions button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:10px}
.personal-workspace .clock-actions [data-timer=switch]{background:#e8f0f7;border-color:#c8dce9;color:#3f7690}
.personal-workspace .clock-actions [data-timer=switch]:hover:not(:disabled){background:#dcebf5}
.personal-workspace .clock-actions [data-timer=pause]{background:#f7edda;border-color:#e6d3aa;color:#826124}
.personal-workspace .clock-actions [data-timer=pause]:hover:not(:disabled){background:#efdfc1}
.personal-workspace .clock-actions [data-timer=resume],.personal-workspace .clock-actions [data-timer=start]{background:#398764;border-color:#398764;color:#fff}
.personal-workspace .clock-actions .smoking-button{background:#f2eef5;border-color:#dfd5e7;color:#887096}
.personal-workspace .clock-actions [data-timer=stop]{background:#f9eae7;border-color:#e8c8c0;color:#9c5545}
.personal-workspace .clock-actions [data-timer=stop]:hover:not(:disabled){background:#f2d8d2}
.clock-actions [data-timer]:not([data-timer=smoke])::before{content:"";width:18px;height:18px;flex-shrink:0;background:currentColor;mask:var(--control-icon) center/contain no-repeat;-webkit-mask:var(--control-icon) center/contain no-repeat}
.clock-actions [data-timer=switch]{--control-icon:var(--icon-switch)}.clock-actions [data-timer=pause]{--control-icon:var(--icon-pause)}.clock-actions [data-timer=start],.clock-actions [data-timer=resume]{--control-icon:var(--icon-play)}.clock-actions [data-timer=stop]{--control-icon:var(--icon-stop)}
.personal-summary-side .panel-head,.personal-bottom-grid .panel-head{border-bottom-color:#e5eee7;padding:14px 16px}
.personal-stat{position:relative;overflow:hidden;min-height:112px;border-radius:10px;border-left-width:0;padding:14px 13px;box-shadow:inset 0 0 0 1px #4b78630c}
.personal-stat::after{content:"";position:absolute;right:10px;bottom:11px;width:25px;height:25px;background:currentColor;opacity:.2;mask:var(--stat-icon) center/contain no-repeat;-webkit-mask:var(--stat-icon) center/contain no-repeat;pointer-events:none}
.personal-stat:nth-child(1){--stat-icon:var(--icon-clock)}.personal-stat:nth-child(2){--stat-icon:var(--icon-balance)}.personal-stat:nth-child(3){--stat-icon:var(--icon-calendar)}.personal-stat:nth-child(4){--stat-icon:var(--icon-chart)}
.personal-stat>span{font-size:12px;font-weight:500;line-height:1.35}.personal-stat>strong{font-size:30px;font-weight:600;letter-spacing:-.6px}.personal-stat>small{font-size:11px;max-width:calc(100% - 20px)}
.personal-blue{background:#edf4fa;color:#587e9a}.personal-green{background:#eaf6ee;color:#428967}.personal-violet{background:#f4edf8;color:#9a7daf}.personal-red{background:#fbeee9;color:#b87968}
.personal-links{padding-top:4px;padding-bottom:4px}.personal-links button{border-radius:8px;min-height:37px}
.personal-period{margin:0 14px 9px;border-top:1px solid #e6eee7;padding:12px 0 6px}.personal-period>strong{font-size:13px;color:#4c715b}
.personal-project-list>div,.personal-request-list>div{border-bottom:1px solid #e7eee9}.personal-project-list button{border-radius:8px}
.personal-request-counts .status{border-radius:7px}.personal-timeline .empty{padding-block:22px}
.terminal-grid .terminal-person{border-radius:12px;border-left-width:4px;padding:14px 18px;min-height:90px;box-shadow:0 2px 6px #28543b05}
.terminal-identity strong{font-weight:550}.terminal-identity .terminal-role{font-size:11px;border-radius:5px}
.terminal-grid .terminal-work .avatar{box-shadow:0 0 0 3px #c8e4d3}.terminal-grid .terminal-pause .avatar,.terminal-grid .terminal-smoking .avatar,.terminal-grid .terminal-automatic .avatar{box-shadow:0 0 0 3px #f0dfb8}
.terminal-current-project small{font-size:11px}.terminal-presence{border-radius:8px;padding:8px 12px;font-size:12px}
.stats{border-radius:13px}.stat{border-top-width:4px}.stat strong{font-weight:550}
.form-actions button{border-radius:9px}.modal-top{background:#eef6f0}.vacation-preview,.vacation-contract{border-radius:11px}
@media(min-width:1800px){.topbar{margin-inline:-34px;padding-inline:34px}.personal-workspace .work-clock{padding:26px}.personal-workspace .work-clock .worker-top{margin:-26px -26px 20px;padding:24px 26px}}
@media(max-width:700px){
 .topbar{margin-inline:-14px;padding:11px 14px}.sidebar .brand{border-bottom:0;padding-bottom:0;margin:0}.sidebar .nav-button.active{background:#2d7458;color:#fff}
 .personal-workspace .work-clock{padding:18px;border-radius:14px}.personal-workspace .work-clock .worker-top{margin:-18px -18px 16px;padding:18px}.personal-workspace .work-clock .worker-top h2{font-size:21px}
 .personal-workspace .work-clock .clock-value{font-size:52px;margin:11px 0 19px}.personal-workspace .work-clock .clock-project{padding:12px;margin-bottom:15px}.personal-workspace .clock-actions button{min-height:46px;gap:7px;font-size:13px;padding:10px 8px}
 .personal-stat{min-height:106px;padding:12px}.personal-stat>strong{font-size:27px}.personal-stat>span{font-size:12px}.personal-stat::after{width:22px;height:22px;right:8px;bottom:10px}
 .personal-summary-side .panel-head h2,.personal-bottom-grid .panel-head h2{font-size:15px}.personal-period{margin-inline:12px}.personal-links button{min-height:43px;font-size:12px}
 .employee-view .mobile-navigation:not([hidden]){border-radius:13px 13px 0 0;border-top:1px solid #cddfcf}.mobile-navigation button{min-height:53px}.mobile-navigation button[aria-current=page]{background:#e1efe5;color:#2e7352}
 .terminal-grid .terminal-person{padding:12px;min-height:94px}.terminal-presence{padding:7px 10px;font-size:11px}
}