/* 简道云考勤参考：侧栏导航、宽工作台、整页表格与双列表单；仅作用于考勤。 */
.page-hrAttendance .content{padding:10px;background:#f5f5fa}
.attendance{--att-accent:#008e87;--att-line:#e9eaee;--att-text:#242a35;color:var(--att-text);font-size:13px;min-width:0;caret-color:var(--att-accent)}
.attendance ::selection{background:#c2ebe6;color:#123e39}
.attendance button,.attendance select,.attendance input,.attendance textarea{font:inherit}
.attendance button{cursor:pointer;border:1px solid #dfe3e8;border-radius:4px;background:#fff;color:var(--att-text);padding:6px 12px;min-height:30px}
.attendance button:hover{background:#f2faf9;border-color:#80c8c0}
.attendance button:disabled{opacity:.5;cursor:not-allowed}
.attendance .att-primary{background:var(--att-accent);border-color:var(--att-accent);color:#fff}
.attendance .att-primary:hover{background:#007e78}
.attendance input:not([type=checkbox]),.attendance select,.attendance textarea{border:1px solid #e4e6eb;border-radius:4px;padding:6px 10px;color:var(--att-text);background:#fff;min-height:32px;min-width:0}
.attendance input::placeholder,.attendance textarea::placeholder{color:#717987}
.attendance input[readonly]{background:#f5f6f8;color:#5c6470;border-color:transparent}
.attendance :is(input,select,textarea,button,summary):focus-visible{outline:2px solid #008e87;outline-offset:2px}
.attendance input[type=checkbox]{accent-color:var(--att-accent);width:15px;height:15px}
.att-hero,.att-page-title,.att-panel{background:#fff;border-radius:0;margin:0 0 10px;min-width:0}
.att-hero{padding:28px 20px 22px}
.att-hero h1,.att-page-title h1{font-size:30px;line-height:1.3;color:#555b66;font-weight:700;margin:0}
.att-hero h1{padding-left:8px}
.att-page-title{padding:22px 28px}
.att-shortcuts{display:grid;grid-template-columns:repeat(7,minmax(75px,1fr));width:100%;gap:24px;padding:48px 0 38px}
.att-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;padding:8px 4px;background:transparent;white-space:nowrap}
.att-shortcuts button:hover{background:#f6f8fb}
.att-shortcut-icon{display:block;width:40px;height:40px;color:#30a9f3}
.att-shortcut-icon svg{display:block;width:40px;height:40px;fill:none;stroke:none;filter:drop-shadow(0 1px 1px #7c8fa51a)}
.att-icon-field{color:#f6a450}.att-icon-makeup{color:#45c9ac}.att-icon-leave{color:#44cc57}.att-icon-overtime{color:#9760e4}.att-icon-comp{color:#d274de}.att-icon-trip{color:#ef9d79}
.att-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:10px 0 8px}
.att-metrics article{display:flex;flex-direction:column;gap:32px;min-width:0}
.att-metrics article>span{font-size:13px;color:#353c46}
.att-metrics strong{font-size:88px;font-weight:400;line-height:1.2;text-align:center;color:#171d2a;font-variant-numeric:tabular-nums}
.attendance .att-metric-link{display:block;border:0;padding:0;background:transparent;border-radius:6px}
.att-metric-link strong{display:block}
.attendance .att-metric-link:hover{background:#f2faf9}
.att-metric-link:hover strong,.att-metric-link:focus-visible strong{color:var(--att-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.att-special-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.att-special-title h1:focus{outline:none}
.att-panel-heading{min-height:40px;display:flex;align-items:center;gap:12px;padding:10px 12px;flex-wrap:wrap}
.att-panel-heading strong{font-size:13px;font-weight:600}
.att-panel-heading span,.att-scope{font-size:12px;color:#646e7b}
.att-panel-heading button{margin-left:auto;font-size:12px}
.att-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:14px 12px;background:#fff}
.att-filters>label{display:grid;gap:12px;min-width:170px;flex:1;max-width:440px}
.att-filters input,.att-filters select{width:100%}
.att-filters>.att-employee-filter{display:grid;gap:12px;min-width:170px;flex:1;max-width:440px}
.att-employee-picker{position:relative;min-width:0}
.attendance .att-employee-picker input[type=text]{padding-right:34px}
.attendance .att-employee-toggle{position:absolute;right:1px;top:1px;bottom:1px;border:0;background:transparent;min-height:0;padding:0 10px;color:#596472}
.att-employee-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;max-height:260px;overflow:auto;background:#fff;border:1px solid #dfe3e8;border-radius:4px;box-shadow:0 5px 18px #182e4420;padding:4px}
.att-employee-options[hidden]{display:none}
.attendance .att-employee-options button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;padding:9px 10px;border-radius:3px}
.att-employee-options button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.att-employee-options small{font-size:11px;color:#717987;flex-shrink:0}
.attendance .att-employee-options button.is-active,.attendance .att-employee-options button[aria-selected=true]{background:#e7f5f2;color:#00766f}
.att-employee-empty{padding:12px 10px;color:#717987}
.att-filter-actions{display:flex;gap:6px;align-items:center;padding-bottom:1px}
.att-dashboard-filters{margin-bottom:10px;padding:18px 12px}
.att-my-attendance .att-dashboard-filters{justify-content:flex-start;padding:24px 20px 14px}
.att-my-attendance .att-dashboard-filters>label{flex:0 1 320px}
.att-my-attendance .att-table-scroll{max-height:430px}
.att-my-attendance .att-table-title{padding:14px 20px 10px}
.att-panel>.att-table-scroll{margin:0 10px}
.att-table-scroll{overflow:auto;max-height:510px;scrollbar-width:thin;scrollbar-color:#c4c8cf #f7f8fa}
.att-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.att-table th{background:#f6f7f9;font-weight:400;position:sticky;top:0;z-index:1;color:#343b46}
.att-table th,.att-table td{padding:8px 10px;text-align:left;border:1px solid var(--att-line);height:35px;max-width:340px;overflow:hidden;text-overflow:ellipsis}
.att-table th{padding:0}
.att-table th>button{border:0;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:10px;color:inherit;font-size:12px;text-align:left;white-space:nowrap}
.att-table th>button span{font-size:10px;color:#566270}
.att-table .att-select{width:34px;min-width:34px;text-align:center;padding:7px}
.att-table tbody tr:hover{background:#f5fbfa}
.att-name-cell{color:#367eb9}
.attendance .att-count-link{border:0;background:transparent;color:#147cbe;padding:3px 8px;min-height:28px;text-decoration:underline;text-underline-offset:3px;font-variant-numeric:tabular-nums}
.attendance .att-count-link:hover{background:#edf7fc;color:#075d91}
.attendance .att-late-editor{width:min(1080px,100%);max-height:100%;align-self:center}
.att-late-summary{padding:16px 24px 8px;flex-shrink:0}
.att-late-summary p{font-size:12px;color:#646e7b;line-height:1.6;margin:8px 0}
.att-late-scroll{overflow:auto;padding:0 24px 24px;min-height:0}
.att-late-scroll .att-table th{padding:10px}
.att-tag{display:inline-block;line-height:1.3;padding:3px 6px;border-radius:2px;font-size:12px}
.att-tag-blue{background:#e4f2fc;color:#22699c}.att-tag-teal{background:#d8f2ec;color:#176b5d}.att-tag-orange{background:#fff0df;color:#96521a}.att-tag-neutral{background:#f0f1f4;color:#4d5765}
.att-table td.att-empty{text-align:center;color:#697583;padding:64px 16px;white-space:normal;font-size:13px}
.att-empty{padding:36px 20px;text-align:center;color:#697583}
.att-pagination{display:flex;align-items:center;gap:14px;padding:10px 12px;min-height:50px;color:#4f5b69;font-size:12px}
.att-pagination label{display:flex;align-items:center;gap:6px}.att-pagination select{padding:3px 6px;min-height:28px}
.att-page-controls{margin-left:auto;display:flex;align-items:center;gap:12px}
.att-page-controls button{font-size:12px;padding:4px 10px;min-height:28px}
.att-actions{white-space:nowrap}.att-actions button{font-size:12px;padding:3px 6px;border:0;color:#267996;background:transparent}
.att-list-panel{min-height:calc(100vh - 78px);display:flex;flex-direction:column}
.att-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;min-height:48px;border-bottom:1px solid #f1f2f4}
.att-list-toolbar>div{display:flex;gap:6px;align-items:center}
.att-list-toolbar button:not(.att-primary){border-color:transparent;padding:5px 10px}
.att-list-tools{margin-left:auto}
.att-list-tools input{width:195px}
.att-list-panel>.att-table-scroll{flex:1;max-height:calc(100vh - 215px);min-height:260px}
.att-list-panel>.att-pagination{margin-top:auto}
.att-list-note{font-size:12px;color:#68727f;padding:4px 12px 10px}.att-list-note:empty{display:none}.att-scope{display:inline-block;margin-left:12px}
.att-columns{position:relative}
.att-columns>summary{cursor:pointer;list-style:none;padding:6px 10px;white-space:nowrap}
.att-columns>div{position:absolute;right:0;top:35px;z-index:12;width:220px;max-height:360px;overflow:auto;background:#fff;border:1px solid #dfe4e8;box-shadow:0 6px 16px #1d2c3b17;padding:8px}
.att-columns label{display:flex;align-items:center;gap:8px;padding:6px}
.att-balance{display:flex;align-items:baseline;gap:32px;padding:24px 20px 36px}.att-balance b{font-size:32px;font-weight:400;margin:0 8px}.att-balance small{color:#697583}
.att-report-split{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:10px}
.att-report-split>.att-panel{min-height:280px}
.att-individual .att-panel-heading{border-bottom:1px solid var(--att-line)}
.att-individual-actions{display:flex;gap:8px;margin-left:auto}
.att-individual .att-individual-actions button{margin-left:0}
.att-individual-grid{display:grid;grid-template-columns:repeat(8,minmax(106px,1fr));gap:8px;padding:10px 12px;overflow-x:auto}
.att-individual-grid>div{position:relative;display:flex;flex-direction:column;align-items:center;min-width:106px;min-height:116px;padding:12px 8px;border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#ffbc53,#ffad39);color:#fff;text-align:center}
.att-card-pattern{position:absolute;inset:0;width:100%;height:100%;fill:#fff;opacity:.16;pointer-events:none}
.att-individual-grid>div:nth-child(2){background:linear-gradient(120deg,#ff967b,#ff896f)}
.att-individual-grid>div:nth-child(3){background:linear-gradient(120deg,#a968ed,#a85dea)}
.att-individual-grid>div:nth-child(4){background:linear-gradient(120deg,#29bdd0,#15bad0)}
.att-individual-grid>div:nth-child(5){background:linear-gradient(120deg,#5798f5,#4d88eb)}
.att-individual-grid>div:nth-child(6){background:linear-gradient(120deg,#42c5a8,#30bba2)}
.att-individual-grid>div:nth-child(7){background:linear-gradient(120deg,#ef84ad,#e96e9b)}
.att-individual-grid>div:nth-child(8){background:linear-gradient(120deg,#777fd9,#6570d0)}
.att-individual-grid span{position:relative;z-index:1;display:block;color:#fff;font-size:12px;font-weight:600}
.att-individual-value{position:relative;z-index:1;display:flex;flex:1;align-items:center;justify-content:center;gap:4px;width:100%}
.att-individual-grid strong{font-size:30px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums}
.att-individual-grid small{color:#fff;opacity:.9}
.att-individual-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px}
.att-individual-details p{margin:0;line-height:1.6;overflow-wrap:anywhere}
.att-individual-details b{display:block;margin-bottom:4px}
.att-individual-note,.att-individual-prompt{margin:0;padding:0 16px 18px;color:#646e7b;font-size:12px;line-height:1.6}
.att-individual-prompt{padding-top:14px}
.att-chart>svg{display:block;width:190px;height:190px;margin:4px auto}
.att-chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:10px;font-size:12px;color:#576373}
.att-chart-legend span{display:flex;align-items:center;gap:6px}.att-chart-legend i{width:10px;height:10px;display:inline-block}
.att-chart-empty{display:grid;place-items:center;min-height:216px;color:#697583;font-size:13px}
.att-modal-backdrop{position:fixed;inset:0;z-index:1200;background:#0008;display:flex;justify-content:center;align-items:stretch;padding:24px 12px}
.att-editor{width:min(780px,100%);min-width:0;background:#fff;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;color:#262d38}
.att-editor>.att-panel-heading{padding:16px 24px;min-height:62px;border-bottom:1px solid #edf0f3;flex-shrink:0}
.att-editor>.att-panel-heading strong{font-size:18px}
.att-editor>.att-panel-heading button{margin-left:auto;border:0;color:#63707d}
.att-editor>form{display:flex;flex-direction:column;overflow:hidden;flex:1}
.att-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:28px 24px;padding:24px;overflow:auto;flex:1}
.att-field{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:stretch}
.att-field>span{font-size:13px;font-weight:600;color:#353b45}
.att-field:has([required])>span:before{content:'*';color:#bd453e;margin-right:2px}
.att-field input,.att-field select,.att-field textarea{width:100%}
.att-field select[multiple]{min-height:84px;padding:5px 8px}
.att-field>small{font-size:12px;color:#77808d;line-height:1.5}
.att-wide{grid-column:1/-1}
.att-form-grid p{font-size:13px;line-height:1.6;color:#57616e;margin:0}
.att-form-section strong{display:block;border-bottom:3px solid #cce5e0;padding-bottom:8px;margin-bottom:8px}
.att-form-footer{padding:12px 24px;border-top:1px solid #edf0f3;display:flex;gap:8px;flex-shrink:0}
.att-form-footer button{min-width:120px}
.att-readonly{padding:12px;background:#f5f7f9;line-height:1.7}
.att-check{display:flex;align-items:center;gap:8px}
.att-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:24px;padding:24px;overflow:auto;margin:0}
.att-detail>div{display:grid;gap:8px}.att-detail dt{font-weight:600;font-size:13px;color:#555f6a}.att-detail dd{margin:0;background:#f6f7f9;padding:8px;overflow-wrap:anywhere;white-space:pre-wrap}
.att-message{padding:10px 14px;margin:0 0 10px;background:#eaf7f2;color:#216b4e;border:1px solid #bedfcf}
.att-error{background:#fff3ef;color:#9d3431;border-color:#edc4be}
.att-editor>.att-error{margin:8px 24px 0}
.att-nav-icon{display:inline-flex;width:17px;height:17px;flex-shrink:0;align-items:center;color:#2ca8de}
.att-nav-icon svg{width:17px;height:17px;fill:currentColor;stroke:#fff;stroke-width:1.7}
.att-nav-icon.att-icon-workbench,.att-nav-icon.att-icon-report{color:#9870d5}
.att-nav-link .att-icon-makeup,.att-nav-link .att-icon-leave,.att-nav-link .att-icon-trip,.att-nav-link .att-icon-overtime,.att-nav-link .att-icon-comp,.att-nav-link .att-icon-confirm{color:#f29c36}
.att-nav-settings>summary{font-size:13px;cursor:pointer;min-height:36px;padding:10px 12px 8px 34px;color:#46515e;list-style-position:inside}
.att-nav-settings>button{padding-left:44px}
.att-header-view{font-size:12px;background:#eceef3;padding:6px 12px;margin-left:12px;border-radius:4px;color:#485362}
.att-header-view:empty{display:none}
.att-devices .att-panel{margin-bottom:20px;padding:0 0 16px;overflow:hidden}
.att-device-form{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;padding:16px 20px}
.att-device-form .att-field{min-width:180px;flex:1}.att-device-form input,.att-device-form select,.att-device-map select{min-height:38px;width:100%;padding:8px;border:1px solid var(--att-line);border-radius:4px;background:white;color:inherit}
.att-device-form button,.att-device-map button,.att-device-confirm button{min-height:38px;white-space:nowrap}
.att-device-note{font-size:13px;line-height:1.7;color:#617086;margin:10px 20px;overflow-wrap:anywhere}
.att-device-scroll{overflow:auto;margin:12px 20px;max-height:420px}.att-device-scroll table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.att-device-scroll th,.att-device-scroll td{padding:10px 12px;border-bottom:1px solid var(--att-line);white-space:nowrap}.att-device-scroll th{background:#f6f8fb;position:sticky;top:0}
.att-device-mappings{margin:12px 20px;max-height:420px;overflow:auto}.att-device-map{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,2fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--att-line)}.att-device-map span{overflow-wrap:anywhere;font-size:13px}
.att-device-confirm{display:flex;align-items:center;gap:16px;margin:20px;flex-wrap:wrap;font-size:13px}.att-device-confirm label{flex:1;min-width:240px;line-height:1.7}
@media(max-width:720px){.att-device-form{display:grid;grid-template-columns:1fr}.att-device-map{grid-template-columns:1fr}.att-device-form .att-field{min-width:0}}
.att-review-details .att-detail{padding:0;max-width:none}.att-review-details{border-bottom:1px solid var(--att-line);padding-bottom:16px}.att-attachment-list{display:flex;flex-wrap:wrap;gap:6px}.att-attachment-list button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.att-upload-note{font-size:12px;color:#7b8ca2;line-height:1.6}
@media(min-width:1900px){.att-hero{padding-top:32px;padding-bottom:34px}.att-shortcuts{padding-top:56px;padding-bottom:46px}.att-metrics article{gap:36px}.att-metrics strong{font-size:96px}}
@media(max-width:1100px){.att-shortcuts{width:100%;gap:8px}.att-metrics strong{font-size:64px}.att-hero{padding:24px 16px}.att-shortcuts{padding:32px 0}.att-list-toolbar{flex-wrap:wrap}.att-list-tools{flex:1;justify-content:flex-end}.att-report-split{grid-template-columns:minmax(200px,30%) minmax(0,1fr)}}
@media(max-width:720px){.att-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.att-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.att-metrics article{gap:12px}.att-metrics strong{font-size:48px}.att-filters{gap:12px}.att-filters>label{min-width:140px}.att-report-split{grid-template-columns:1fr}.att-form-grid,.att-detail{grid-template-columns:1fr;gap:20px}.att-modal-backdrop{padding:8px}.att-form-grid{padding:20px}.att-balance{flex-wrap:wrap;gap:16px}.att-list-tools input{width:140px}.att-list-tools{flex-wrap:wrap}.att-pagination{gap:8px}.att-page-controls{gap:6px}.att-page-controls button{padding:4px 6px}}
@media(max-width:1100px){.att-individual-grid{grid-template-columns:repeat(8,minmax(106px,1fr))}.att-individual-grid strong{font-size:24px}}
@media(max-width:720px){.att-individual-grid>div{padding:12px}.att-individual-grid strong{font-size:22px}.att-individual-details{grid-template-columns:1fr;gap:10px}.att-individual-actions{width:100%;margin-left:0}.att-individual .att-panel-heading span{width:100%}}

.att-field[hidden] { display: none; }

/* 考勤工作台参照 HRM 考勤原页的白底标题、业务入口、彩色数字卡片与青绿表格。 */
.att-workbench{padding:0 0 16px;border-radius:9px;overflow:hidden}
.att-workbench>.att-panel-heading:first-child{min-height:80px;margin:0 0 10px;padding:16px 24px;background:#fff}
.att-workbench>.att-panel-heading:first-child h1{padding:0;color:#555b66;font-size:30px}
.att-workbench .att-shortcuts{gap:6px;padding:12px 18px 18px}
.att-workbench .att-shortcuts button{min-height:100px;gap:8px;border-radius:9px;font-size:14px}
.att-workbench .att-shortcuts button:hover{background:#f4f6fd}
.att-workbench .att-dashboard-filters{margin:0 18px 8px;padding:10px;border-radius:8px;background:#f7f8fc;gap:8px}
.att-workbench .att-dashboard-filters>label{gap:7px;padding:4px;min-width:145px}
.att-workbench>.att-panel-heading:not(:first-child){padding:10px 20px}
.att-workbench .att-metrics{gap:8px;padding:0 18px 4px}
.att-workbench .att-metrics article{position:relative;min-height:190px;justify-content:space-between;gap:8px;padding:14px 16px 20px;overflow:hidden;border-radius:28px 28px 8px 8px;color:#fff;text-align:center}
.att-workbench .att-metrics article::after{content:'';position:absolute;top:-90px;right:-45px;width:190px;height:155px;border:34px solid #ffffff1c;border-radius:42%;transform:rotate(-22deg);pointer-events:none}
.att-workbench .att-metrics article:nth-child(1){background:linear-gradient(160deg,#54cf5c,#60cf9d)}
.att-workbench .att-metrics article:nth-child(2){background:linear-gradient(160deg,#58b4f2,#567dec)}
.att-workbench .att-metrics article:nth-child(3){background:linear-gradient(160deg,#748de3,#8a63df)}
.att-workbench .att-metrics article:nth-child(4){background:linear-gradient(160deg,#ffd45d,#f58d51)}
.att-workbench .att-metrics article:nth-child(5){background:linear-gradient(160deg,#70dcec,#408ed7)}
.att-workbench .att-metrics article>span,.att-workbench .att-metrics strong{position:relative;z-index:1;color:#fff}
.att-workbench .att-metrics article>span{font-weight:600}
.att-workbench .att-metrics strong{font-size:88px;line-height:1;font-weight:400}
.attendance .att-workbench .att-metric-link:hover{background:#ffffff24}
.att-workbench .att-metric-link:hover strong,.att-workbench .att-metric-link:focus-visible strong{color:#fff}
.att-my-attendance{border-radius:8px;overflow:hidden}
.att-my-attendance .att-table th{background:#08ae96;color:#fff}
.att-my-attendance .att-table th>button,.att-my-attendance .att-table th>button span{color:#fff}
.att-my-attendance .att-table tbody tr:nth-child(odd){background:#bdf0e9}
.att-my-attendance .att-table tbody tr:nth-child(even){background:#eefcfa}
.att-my-attendance .att-table tbody tr:hover{background:#a9e9de}
.att-my-attendance .att-table td{border-color:#8bded2}
.att-auto-sync{box-sizing:border-box;width:min(100%,560px);margin:0 0 10px auto;border:1px solid #e6e9ef;border-radius:6px;background:#fff;color:#667286;font-size:12px}
.att-auto-sync summary{padding:9px 12px;cursor:pointer;list-style-position:inside}
.att-auto-sync summary span{float:right;margin-left:16px;color:#25836e}
.att-auto-sync-error summary span{color:#a33f39}
.att-auto-sync-detail{padding:0 14px 12px;line-height:1.6}
.att-auto-sync-detail p{margin:4px 0 6px;color:#354454}
.att-auto-sync-detail small{font-size:12px}
@media(max-width:1100px){.att-workbench .att-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.att-workbench .att-metrics article{min-height:145px}.att-workbench .att-metrics strong{font-size:64px}}
@media(max-width:720px){.att-workbench>.att-panel-heading:first-child{padding:14px 12px}.att-workbench>.att-panel-heading:first-child h1{font-size:24px}.att-workbench .att-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 8px}.att-workbench .att-shortcuts button{min-height:84px;font-size:12px}.att-workbench .att-dashboard-filters{margin:0 8px 8px}.att-workbench .att-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 8px}.att-workbench .att-metrics article{min-height:104px;padding:12px;border-radius:16px 16px 6px 6px}.att-workbench .att-metrics strong{font-size:48px}}