/* Presentation only. All new rules are screen-only: receipt print CSS is untouched. */
@media screen {
body.professional-ui{--main-color:#183651;--accent-color:#cda86b;--bg-color:#f2f4f7;--text-color:#1d3043;--card-bg:#fff;--border-color:#dfe5ed;--ui-muted:#697b8e;--ui-soft:#edf2f7;--ui-blue:#246186;font-family:'Cairo','Segoe UI',Tahoma,sans-serif;background:var(--bg-color);color:var(--text-color);height:auto;min-height:100vh;line-height:1.7}
html.dark-mode body.professional-ui,body.professional-ui.dark-mode{--main-color:#263f57;--accent-color:#dcc08b;--bg-color:#111c27;--text-color:#e5edf5;--card-bg:#1b2938;--border-color:#334353;--ui-muted:#afbdca;--ui-soft:#243548;--ui-blue:#8cbedc}
.professional-ui *,.professional-ui *:before,.professional-ui *:after{box-sizing:border-box}
.professional-ui button,.professional-ui input,.professional-ui textarea,.professional-ui select{font-family:inherit}
.professional-ui :is(button,input,select,textarea):focus-visible{outline:3px solid #4e9bd2;outline-offset:3px}
.professional-ui .navbar{display:grid;grid-template-columns:1fr auto auto;gap:12px 16px;padding:20px max(22px,calc((100vw - 1450px)/2));background:#142b41;box-shadow:0 5px 20px #112f4912;border-bottom:1px solid #ffffff12;position:sticky;top:0;align-items:center;z-index:100}
.professional-ui .app-brand{display:flex;gap:12px;align-items:center;min-width:0;color:#fff}.professional-ui .app-brand strong{display:block;font:700 22px/1.25 'Segoe UI',sans-serif;letter-spacing:2px}.professional-ui .app-brand small{display:block;font-size:11px;color:#bacbdd;margin-top:4px}
.professional-ui .brand-symbol{font:italic 800 33px/1 'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:center;direction:ltr;width:48px;height:48px;background:#cfb182;color:#142b41;border-radius:13px}.professional-ui .brand-symbol span{font-size:20px;align-self:flex-end;padding-bottom:10px}
.professional-ui .app-header-tools{display:contents!important}.professional-ui #darkModeBtn{border:1px solid #ffffff20;border-radius:10px;background:#ffffff0c;color:#fff;min-height:40px;width:42px;font-size:18px;cursor:pointer}.professional-ui .app-notifications{grid-column:3;grid-row:1;color:#e7eef7}.professional-ui .app-notifications>span:not(#notifyBadge){display:none}.professional-ui .notification-trigger{padding:8px 12px;min-height:40px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0c;color:inherit;cursor:pointer}
.professional-ui #notifyDropdown{left:0!important;right:auto;width:min(340px,calc(100vw - 32px))!important;top:48px!important;background:var(--card-bg)!important;color:var(--text-color)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;box-shadow:0 15px 50px #0003!important}.professional-ui #notifyDropdown>div:first-child{background:var(--ui-soft)!important;color:var(--text-color)}
.professional-ui .nav-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-top:13px;border-top:1px solid #ffffff17;min-width:0}.professional-ui .nav-links>button,.professional-ui .nav-links>.more-menu>button{background:transparent!important;border:1px solid transparent!important;color:#c7d6e5!important;padding:8px 13px;border-radius:8px;font-size:12px;min-height:39px;transition:background .15s}.professional-ui .nav-links>button:hover,.professional-ui .nav-links>.more-menu>button:hover{background:#ffffff12!important;color:#fff!important}.professional-ui .nav-links>button.active{background:#cfb182!important;color:#142b41!important;border-color:#cfb182!important}.professional-ui .nav-links>button.btn-red{margin-inline-start:auto;color:#f2b1a8!important}
.professional-ui .more-dropdown{padding:8px;min-width:215px;border-radius:13px;max-height:65vh;overflow-y:auto;background:var(--card-bg);box-shadow:0 15px 50px #10223525}.professional-ui .more-dropdown button,.professional-ui .more-dropdown #nav-print,.professional-ui .more-dropdown #nav-shop-receipts{background:var(--card-bg)!important;color:var(--text-color)!important;border:0!important;border-radius:7px;text-shadow:none!important;font-size:12px;padding:10px 12px}.professional-ui .more-dropdown button:hover,.professional-ui .more-dropdown button.active{background:var(--ui-soft)!important;color:var(--ui-blue)!important}
.professional-ui .main-container{max-width:1494px;padding:30px 22px 55px}.professional-ui .dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 26px;padding:4px 0}.professional-ui .section-eyebrow{font-size:11px;letter-spacing:.5px;color:var(--ui-muted)}.professional-ui .dashboard-heading h1{font-size:28px;font-weight:800;line-height:1.6;margin:4px 0;color:var(--text-color)}.professional-ui .dashboard-heading p{font-size:12px;margin:0;color:var(--ui-muted)}.professional-ui .dashboard-primary-actions{display:flex;gap:9px;flex-wrap:wrap}
.professional-ui .btn{border:1px solid transparent;border-radius:9px;padding:9px 15px;min-height:40px;font-size:12px;line-height:1.65;box-shadow:none;transition:background .15s,box-shadow .15s}.professional-ui .btn:disabled{opacity:.5;cursor:not-allowed}.professional-ui .btn-green{background:#246d5c}.professional-ui .btn-blue{background:#245976}.professional-ui .btn-purple{background:#675877}.professional-ui .btn-gray{background:var(--ui-soft);color:var(--text-color);border-color:var(--border-color)}.professional-ui .btn-orange{background:#a76529}.professional-ui .btn-red{background:#a54036}
.professional-ui .dashboard-primary-actions .btn-green{background:#183f5b;padding:11px 22px;box-shadow:0 5px 12px #183f5b18}.professional-ui .dashboard-primary-actions .btn-blue{background:var(--card-bg);color:var(--text-color);border-color:var(--border-color);padding:11px 19px}
.professional-ui :is(.toolbar,.expense-form,.finance-card,.chart-box){box-shadow:0 8px 30px #15334b08;border:1px solid var(--border-color);border-radius:15px;padding:19px;gap:12px;margin-bottom:18px}.professional-ui input:not([type=checkbox]):not([type=radio]):not([type=file]),.professional-ui select,.professional-ui textarea{border-radius:9px;border-color:var(--border-color);padding:11px 12px;min-height:43px;font-size:13px;box-shadow:none;background:var(--card-bg);color:var(--text-color)}.professional-ui input::placeholder,.professional-ui textarea::placeholder{color:var(--ui-muted);opacity:1}.professional-ui input[type=checkbox],.professional-ui input[type=radio]{accent-color:#246186}.professional-ui input[type=file]{border:1px dashed var(--border-color);border-radius:10px;padding:11px}.professional-ui input[type=file]::file-selector-button{border:0;background:var(--ui-soft);color:var(--text-color);padding:7px 11px;border-radius:6px;margin-inline-end:12px;font-family:inherit}
.professional-ui .dashboard-toolbar{gap:12px;align-items:center;padding:16px}.professional-ui .dashboard-toolbar .search-box{flex:1 1 280px;min-width:200px}.professional-ui .dashboard-toolbar .search-box input{background:var(--ui-soft);border:1px solid transparent}.professional-ui #dateFilter{width:auto;min-width:135px}.professional-ui .dashboard-toolbar>label{font-size:12px;color:var(--ui-muted);font-weight:600!important}.professional-ui .dashboard-view-toggle{border-radius:9px;padding:3px}.professional-ui .dashboard-view-toggle button{padding:7px 11px;border-radius:7px;font-size:12px}.professional-ui .dashboard-view-toggle button.active{background:var(--card-bg);color:var(--ui-blue);box-shadow:0 1px 4px #10203510}
.professional-ui .dashboard-summary{background:var(--ui-soft);color:var(--text-color);border:1px solid var(--border-color);padding:6px 15px;border-radius:10px;margin-inline-start:auto;min-width:135px}.professional-ui .summary-label{color:var(--ui-muted);font-size:10px}.professional-ui .summary-value{color:var(--text-color);font-size:18px;font-variant-numeric:tabular-nums}.professional-ui .productivity-summary{gap:12px;margin-bottom:20px}.professional-ui #adminProductivitySummary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.professional-ui .productivity-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:13px;padding:17px 18px;text-align:right;box-shadow:none}.professional-ui .productivity-card span{color:var(--ui-muted);font-size:11px}.professional-ui .productivity-card strong{font-size:26px;color:var(--text-color);font-weight:800;font-variant-numeric:tabular-nums;margin-top:5px}
.professional-ui .status-filters{padding:0!important;gap:7px;margin:24px 0 20px!important}.professional-ui .status-btn{background:var(--card-bg);color:var(--ui-muted)!important;border:1px solid var(--border-color);border-radius:8px;padding:8px 13px;font-family:inherit;font-size:11px;min-height:36px}.professional-ui .status-btn.active{color:#fff!important;background:#183f5b;border-color:#183f5b}.professional-ui .status-btn:hover{border-color:#7897b1}
.professional-ui .orders-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.professional-ui .order-card{--status-ink:#246186;display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:17px;box-shadow:0 3px 14px #18365105;overflow:hidden;min-width:0;transition:box-shadow .2s,border-color .2s;cursor:default}.professional-ui .order-card:hover{transform:none;border-color:#98adbe;box-shadow:0 10px 25px #18365113}.professional-ui .order-card.pinned-order{border:2px solid #bb9655;box-shadow:0 5px 18px #b0905020}.professional-ui .order-card.status-designing{--status-ink:#806294}.professional-ui .order-card.status-approved{--status-ink:#28766d}.professional-ui .order-card.status-decoration{--status-ink:#9b701b}.professional-ui .order-card.status-shipped{--status-ink:#4c735d}.professional-ui .order-card.status-cancelled{--status-ink:#ab5149}.professional-ui .order-card.status-completed{--status-ink:#426f88}
.professional-ui .order-media{position:relative;background:#e9edf0;border-bottom:1px solid var(--border-color);overflow:hidden;cursor:pointer}.professional-ui .order-card .card-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e9edf0}.professional-ui .order-status-chip{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:#fff;color:var(--status-ink);box-shadow:0 3px 12px #00000012;border:1px solid #e5e9ed;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px)}.professional-ui .order-status-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.professional-ui .order-card .card-content{display:flex;flex-direction:column;padding:17px!important;flex:1;gap:9px}.professional-ui .order-identity{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:var(--ui-muted)}.professional-ui .order-serial{font-family:'Segoe UI',sans-serif;font-weight:700;font-size:13px;letter-spacing:.6px;color:var(--ui-muted)}.professional-ui .order-product-name{margin:0;font-size:15px;line-height:1.8;font-weight:800;color:var(--text-color);overflow-wrap:anywhere}.professional-ui .order-customer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.professional-ui .order-customer-name{font-size:12px;color:var(--text-color);font-weight:600}.professional-ui .order-phone{font:12px 'Segoe UI',sans-serif;color:var(--ui-muted);direction:ltr}
.professional-ui .order-price-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-color);padding:5px 0 12px;margin-bottom:1px}.professional-ui .order-price-line>span{font-size:11px;color:var(--ui-muted)}.professional-ui .order-price-line strong{font-size:22px;line-height:1.4;font-family:'Segoe UI',Tahoma,sans-serif;font-variant-numeric:tabular-nums}.professional-ui .order-price-line small{font-family:'Cairo',sans-serif;font-size:10px;color:var(--ui-muted);font-weight:400;margin-inline-start:5px}.professional-ui .order-card-badges{margin:0;gap:5px;min-height:24px}.professional-ui .order-badge,.professional-ui .age-chip{font-size:10px;padding:3px 7px;border-radius:6px;line-height:1.8}.professional-ui .order-badge.no-design{background:var(--ui-soft);color:var(--ui-muted);border-color:var(--border-color)}.professional-ui .age-chip{background:var(--ui-soft);color:var(--ui-muted)}.professional-ui .age-chip.late{background:#fff1df;color:#8f571e}
.professional-ui .order-card .card-actions{margin-top:auto!important;padding-top:8px;display:grid;gap:8px}.professional-ui .card-actions .btn{font-size:11px!important}.professional-ui .card-actions .btn-blue{background:var(--ui-soft);color:var(--text-color);border:1px solid var(--border-color)}.professional-ui .card-actions .btn-green{background:#1b4a64}.professional-ui .edit-request-active{animation:none!important;border:2px solid #c77b32!important;background:var(--card-bg)!important}
.professional-ui .orders-empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--border-color);border-radius:16px;background:var(--card-bg)}.professional-ui .orders-empty strong{display:block;font-size:19px;margin-bottom:7px}.professional-ui .orders-empty span{color:var(--ui-muted);font-size:13px}.professional-ui .pagination-controls{padding:24px 0;gap:15px}.professional-ui .page-info{color:var(--ui-muted);font-size:12px}
.professional-ui .expenses-table{border-collapse:separate;border-spacing:0;font-size:12px}.professional-ui .expenses-table th{background:var(--ui-soft);color:var(--ui-muted);font-size:11px;font-weight:700;padding:13px 12px;border-bottom:1px solid var(--border-color)}.professional-ui .expenses-table td{padding:15px 12px;border-bottom:1px solid var(--border-color);color:var(--text-color);vertical-align:middle}.professional-ui .expenses-table tbody tr:hover{background:var(--ui-soft)}.professional-ui .orders-table-thumb{width:70px;height:65px;object-fit:contain;border-radius:9px}
.professional-ui .details-tabs,.professional-ui .full-details-wrapper{border-radius:14px;padding:13px}.professional-ui .details-tabs button{border-radius:9px;min-height:43px}.professional-ui .details-tabs button.active{background:#1c4a67}.professional-ui .details-grid-table th,.professional-ui .details-grid-table td{padding:12px;border-color:var(--border-color)}.professional-ui .details-grid-table th{background:var(--ui-soft)}.professional-ui .modal{background:#10223488;backdrop-filter:blur(5px)}.professional-ui .modal-content{border-radius:17px;box-shadow:0 25px 85px #0004;border-color:var(--border-color)}.professional-ui .modal-header{background:var(--card-bg);padding:17px 22px;border-bottom:1px solid var(--border-color)}.professional-ui .modal-body{padding:23px}.professional-ui .modal-body label{font-size:12px;color:var(--ui-muted)}.professional-ui .chat-messages{border-radius:14px 14px 0 0;padding:20px}.professional-ui .chat-input-area{border-radius:0 0 14px 14px}.professional-ui .chat-msg{border-radius:12px;box-shadow:none}
.professional-ui .smart-suggestions{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:none}.professional-ui .smart-suggestions-head h4{font-size:14px;color:var(--text-color)}
.professional-ui #login-screen{background:radial-gradient(ellipse at 20% 20%,#315a72 0,transparent 55%),#122c40!important;padding:20px}.professional-ui #login-screen>div{background:var(--card-bg)!important;border:1px solid #ffffff2a;border-radius:24px!important;width:100%!important;max-width:430px!important;padding:38px!important;box-shadow:0 30px 80px #0003}.professional-ui .login-wordmark{font:bold 27px 'Segoe UI',sans-serif;letter-spacing:3px;color:var(--text-color);margin-bottom:34px}.professional-ui .login-wordmark span{display:block;font-size:9px;letter-spacing:2.5px;margin-top:8px;color:var(--ui-muted)}.professional-ui #login-screen h2{color:var(--text-color)!important;font-size:22px;margin-bottom:4px}.professional-ui .login-subtitle{font-size:12px;color:var(--ui-muted);margin-bottom:22px}.professional-ui #login-screen input{background:var(--ui-soft)!important;color:var(--text-color)!important;border-color:var(--border-color)!important;margin-bottom:12px!important;padding:13px!important}.professional-ui #login-screen .btn{min-height:46px;background:#214f6c}
@media(max-width:1150px){.professional-ui .orders-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.professional-ui #adminProductivitySummary{grid-template-columns:repeat(3,minmax(0,1fr))}.professional-ui .dashboard-toolbar .dashboard-summary{margin-inline-start:0}.professional-ui .navbar{padding:15px 20px}}
@media(max-width:820px){.professional-ui .orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-ui .main-container{padding:24px 16px 45px}.professional-ui .navbar{position:relative;top:auto;padding:15px 16px}.professional-ui .nav-links{gap:4px}.professional-ui .nav-links>button,.professional-ui .nav-links>.more-menu>button{padding:8px 10px;min-height:40px;font-size:11px}.professional-ui .dashboard-heading h1{font-size:25px}.professional-ui .dashboard-toolbar .search-box{flex-basis:100%}.professional-ui .more-dropdown{left:0;right:auto;max-width:calc(100vw - 32px)}.professional-ui .dashboard-summary{flex:1}.professional-ui .dashboard-toolbar>label{flex:1}.professional-ui .dashboard-actions-dropdown{left:0;right:auto}.professional-ui .modal-body{padding:16px}}
@media(max-width:540px){.professional-ui .navbar{gap:10px;padding:15px 12px}.professional-ui .brand-symbol{width:38px;height:38px;font-size:26px;border-radius:10px}.professional-ui .brand-symbol span{font-size:15px;padding-bottom:8px}.professional-ui .app-brand{gap:8px}.professional-ui .app-brand strong{font-size:17px}.professional-ui .app-brand small{font-size:9px}.professional-ui #darkModeBtn{width:36px;min-height:36px}.professional-ui .notification-trigger{padding:6px 8px;min-height:36px;font-size:10px}.professional-ui .nav-links{flex-wrap:wrap!important;overflow:visible!important;padding-top:10px}.professional-ui .nav-links>button,.professional-ui .nav-links>.more-menu>button{font-size:11px;padding:7px 10px;min-height:38px}.professional-ui .main-container{padding:22px 12px 35px}.professional-ui .dashboard-heading{gap:15px;margin-bottom:18px}.professional-ui .dashboard-heading h1{font-size:23px}.professional-ui .dashboard-heading p{font-size:11px}.professional-ui .dashboard-primary-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.professional-ui .dashboard-primary-actions .btn{padding:10px;min-height:44px}.professional-ui .dashboard-toolbar{padding:12px;gap:9px}.professional-ui .dashboard-toolbar .search-box{min-width:0}.professional-ui #dateFilter{flex:1;min-width:100px}.professional-ui #adminProductivitySummary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.professional-ui .productivity-card{padding:12px 14px}.professional-ui .productivity-card strong{font-size:23px}.professional-ui .status-filters{gap:6px}.professional-ui .status-btn{font-size:11px;padding:7px 10px;min-height:39px}.professional-ui .orders-grid{grid-template-columns:minmax(0,1fr);gap:17px}.professional-ui .order-card .card-img{aspect-ratio:1.45}.professional-ui .order-card .card-content{padding:18px!important}.professional-ui .order-product-name{font-size:16px}.professional-ui .order-customer-name,.professional-ui .order-phone{font-size:13px}.professional-ui .order-badge,.professional-ui .age-chip{font-size:11px}.professional-ui .card-actions .btn{min-height:43px}.professional-ui .modal-content{max-width:100%;max-height:100dvh;border-radius:0}.professional-ui input:not([type=checkbox]):not([type=radio]),.professional-ui select,.professional-ui textarea{font-size:16px}.professional-ui .expenses-table th,.professional-ui .expenses-table td{padding:11px 9px}.professional-ui .dashboard-actions-dropdown{max-width:calc(100vw - 28px)}.professional-ui .order-table-modal-grid{grid-template-columns:1fr}.professional-ui .order-table-modal-img{width:100%;height:180px;object-fit:contain}.professional-ui #login-screen>div{padding:28px!important}.professional-ui .more-menu{position:static}.professional-ui .more-dropdown{left:12px;right:12px;top:100%;width:auto;max-width:none}}
/* Override legacy mobile full-width buttons without changing form actions. */
.professional-ui .status-btn{width:auto;margin-bottom:0}
.professional-ui .dashboard-toolbar{flex-direction:row}
.professional-ui .main-container{min-width:0}
.professional-ui .order-price-line strong{color:var(--text-color)}
.professional-ui .nav-links{overflow:visible}
@media(max-width:820px){.professional-ui .more-menu{position:static}.professional-ui .more-dropdown{position:absolute;top:100%;left:12px;right:12px;width:auto;max-width:none}.professional-ui .dashboard-toolbar>.dashboard-actions-menu{width:auto}.professional-ui .pagination-controls .btn{width:auto;margin-bottom:0}}
@media(max-width:540px){.professional-ui .dashboard-heading{gap:10px;padding:0;margin-bottom:16px}.professional-ui .dashboard-heading .section-eyebrow{display:none}.professional-ui .dashboard-heading h1{margin-top:0}.professional-ui .dashboard-toolbar .dashboard-view-toggle{width:auto;flex:1}.professional-ui .dashboard-toolbar .dashboard-summary{flex-basis:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 12px}.professional-ui .dashboard-toolbar .dashboard-summary .summary-label{font-size:11px}.professional-ui #adminProductivitySummary{grid-template-columns:repeat(3,minmax(0,1fr))}.professional-ui .productivity-card{padding:10px}.professional-ui .productivity-card span{font-size:10px;min-height:34px;line-height:1.7}.professional-ui .productivity-card strong{font-size:21px;margin-top:2px}.professional-ui .status-filters{margin-top:16px!important;margin-bottom:16px!important}}
/* Workspace organization: original navigation buttons remain permission-controlled. */
.professional-ui .nav-group{position:relative}
.professional-ui .nav-group[hidden],.professional-ui .more-menu[hidden]{display:none!important}
.professional-ui .nav-group>summary{display:flex;gap:8px;align-items:center;list-style:none;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:8px 13px;min-height:39px;color:#c7d6e5;font-size:12px;white-space:nowrap}
.professional-ui .nav-group>summary::-webkit-details-marker{display:none}
.professional-ui .nav-group>summary:after{content:'⌄';font-family:Tahoma}
.professional-ui .nav-group[open]>summary,.professional-ui .nav-group>summary:hover{background:#ffffff12;color:#fff}
.professional-ui .nav-group.has-current-view>summary,.professional-ui .more-menu.has-current-view>button{color:#edcc97!important;background:#ffffff0d!important;border-color:#cfb18260!important}
.professional-ui summary:focus-visible{outline:3px solid #4e9bd2;outline-offset:3px}
.professional-ui .nav-group-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:13px;box-shadow:0 15px 50px #10223525;z-index:1200;max-height:65vh;overflow:auto}
.professional-ui .nav-group-panel button,.professional-ui .nav-group-panel #nav-print,.professional-ui .nav-group-panel #nav-shop-receipts{display:block;width:100%;text-align:right;padding:11px 12px;background:transparent!important;border:0!important;border-radius:7px;color:var(--text-color)!important;text-shadow:none;font-size:12px;margin:0}
.professional-ui .nav-group-panel button:hover,.professional-ui .nav-group-panel button.active{background:var(--ui-soft)!important;color:var(--ui-blue)!important}
.professional-ui .nav-group-panel button[style*="display: none"],.professional-ui .nav-group-panel button[style*="display:none"]{display:none}
.professional-ui #adminProductivitySummary.productivity-overview{display:block;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px}
.professional-ui .productivity-overview>summary{padding:12px 16px;cursor:pointer;font-size:12px;font-weight:700;color:var(--text-color)}
.professional-ui .overview-hint{float:left;font-size:11px;font-weight:400;color:var(--ui-muted)}
.professional-ui .productivity-overview .productivity-summary{padding:12px;margin:0;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border-color)}
.professional-ui .productivity-overview .productivity-card{background:var(--ui-soft);padding:12px;border:0}
.professional-ui .advanced-filters{flex:1 0 100%;font-size:11px;color:var(--ui-muted)}
.professional-ui .advanced-filters>summary{display:inline-block;cursor:pointer;list-style:none;border:1px dashed var(--border-color);border-radius:8px;padding:7px 12px;min-height:36px;background:var(--card-bg)}
.professional-ui .advanced-filters>summary:after{content:' +';font-weight:700}
.professional-ui .advanced-filters[open]>summary:after{content:' −'}
.professional-ui .advanced-filters.has-active-filter>summary{border:1px solid #aa7533;color:var(--text-color);font-weight:700}
.professional-ui .advanced-filters-panel{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0 0}
.professional-ui .dashboard-heading{margin-bottom:18px}
@media(min-width:821px){.professional-ui .advanced-filters{flex:0 1 auto}.professional-ui .advanced-filters-panel{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg)}.professional-ui .advanced-filters[open]{flex-basis:100%}}
@media(max-width:820px){.professional-ui .nav-group{position:static}.professional-ui .nav-group>summary{font-size:11px;padding:8px 10px;min-height:40px}.professional-ui .nav-group-panel{top:100%;left:12px;right:12px;min-width:0}.professional-ui .productivity-overview .productivity-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.professional-ui .dashboard-toolbar{display:grid;grid-template-columns:1fr 1fr}.professional-ui .dashboard-toolbar .search-box{grid-column:1/-1}.professional-ui .dashboard-toolbar #dateFilter{width:100%}.professional-ui .dashboard-toolbar .dashboard-summary{grid-column:1/-1}.professional-ui .dashboard-toolbar .dashboard-view-toggle{width:auto}.professional-ui .dashboard-toolbar>.dashboard-actions-menu{text-align:left}.professional-ui .dashboard-toolbar .pinned-scope-toggle{grid-column:1/-1}.professional-ui .overview-hint{float:none;display:block;margin-top:4px;font-size:10px}.professional-ui .productivity-overview>summary{padding:10px 12px}.professional-ui .dashboard-heading p{display:none}.professional-ui .dashboard-heading h1{font-size:21px}.professional-ui .dashboard-heading{gap:8px;margin-bottom:14px}.professional-ui .status-filters{gap:5px}.professional-ui .status-btn{padding:7px 9px}.professional-ui .nav-links{gap:2px}.professional-ui .nav-group>summary{padding:7px 9px}}
.professional-ui.production-mode .nav-group:not([hidden]){display:contents}
.professional-ui.production-mode .nav-group>summary{display:none}
.professional-ui.production-mode .nav-group:not([hidden])>.nav-group-panel{display:contents}
@media(prefers-reduced-motion:reduce){body.professional-ui,.professional-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}