.perio-workspace :root{--navy:#102b46;--teal:#008e88;--blue:#2563eb;--red:#d84967;--line:#dce7ed}.perio-workspace *{box-sizing:border-box}.perio-workspace body{margin:0;background:#f1f5f9;color:var(--navy);font:14px system-ui,sans-serif}.perio-workspace header{background:var(--navy);color:white;padding:20px 4%;display:flex;justify-content:space-between;align-items:center}.perio-workspace header b{font-size:25px;letter-spacing:2px}.perio-workspace header span{color:#a6dcd8}.perio-workspace main{max-width:1620px;margin:auto;padding:26px 3%}.perio-workspace h1{font-size:32px;margin:8px 0}.perio-workspace h2{font-size:18px;margin:0}.perio-workspace p{line-height:1.6;color:#557080}.perio-workspace .eyebrow{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:750}.perio-workspace .intro{display:flex;justify-content:space-between;gap:24px;align-items:center}.perio-workspace .badge{display:inline-block;background:#e0f3ee;color:#08766e;border-radius:20px;padding:7px 13px;font-size:12px}.perio-workspace button,.perio-workspace select,.perio-workspace input{font:inherit}.perio-workspace button,.perio-workspace select{border:1px solid var(--line);border-radius:8px;background:white;color:var(--navy);padding:10px 14px;cursor:pointer;min-height:42px}.perio-workspace button:hover{border-color:var(--teal)}.perio-workspace button.active,.perio-workspace .primary{background:var(--teal);color:white}.perio-workspace .tools{position:sticky;top:0;z-index:5;background:#f1f5f9ee;backdrop-filter:blur(8px);padding:12px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.perio-workspace .tools select{max-width:100%}.perio-workspace .spacer{flex:1}.perio-workspace .legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;padding:14px 0}.perio-workspace .legend b{display:inline-block;width:24px;border-top:3px solid;margin-right:7px}.perio-workspace .stats{display:flex;gap:12px;margin:15px 0 20px}.perio-workspace .stat{flex:1;background:white;border:1px solid var(--line);padding:15px;border-radius:12px}.perio-workspace .stat strong{font-size:24px;display:block;margin-bottom:4px}.perio-workspace .stat span{font-size:12px;color:#607887}.perio-workspace .panel{background:white;border:1px solid var(--line);border-radius:14px;margin:20px 0;overflow:hidden}.perio-workspace .panel-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#f9fcfc;gap:10px}.perio-workspace .panel-head small{color:#607887}.perio-workspace .scroll{overflow-x:auto;padding-bottom:10px}.perio-workspace .sheet{width:1468px}.perio-workspace .graphrow{display:flex}.perio-workspace .axis{width:124px;flex-shrink:0;padding:26px 12px;font-size:11px;color:#657f8c}.perio-workspace .chart{display:block;width:1344px;height:210px}.perio-workspace .gridrow{display:grid;grid-template-columns:124px repeat(16,84px)}.perio-workspace .rowlabel{padding:8px 12px;display:flex;align-items:center;font-size:12px;background:#f5f9fb}.perio-workspace .toothcol{border-left:1px solid var(--line);display:flex;justify-content:center;align-items:center}.perio-workspace .toothcol input{width:28px;height:36px;border:0;border-bottom:1px solid var(--line);text-align:center;color:var(--navy);background:white;outline:none;border-radius:0;padding:0;appearance:textfield}.perio-workspace .toothcol input::-webkit-inner-spin-button{appearance:none}.perio-workspace .toothcol input:focus{background:#d7f5ef;box-shadow:inset 0 0 0 2px var(--teal)}.perio-workspace .toothcol input:invalid{background:#ffe0e5}.perio-workspace .toothcol input.deep{color:#b92a46;background:#fff0f1;font-weight:bold}.perio-workspace .mg input{color:var(--red)}.perio-workspace .cal span{width:28px;text-align:center;font-size:12px;color:#647786}.perio-workspace .cal{height:30px;background:#f6f9fb}.perio-workspace .toothname{width:100%;border:0;border-radius:0;font-weight:750;min-height:38px}.perio-workspace .toothname small{display:block;font-size:9px;font-weight:400;color:#567382}.perio-workspace .site span{width:28px;text-align:center;font-size:10px;color:#6c8191;padding:5px 0}.perio-workspace .flag{width:28px;min-height:30px;height:30px;padding:0;border:0;border-radius:0;font-size:17px;color:#a1afbb}.perio-workspace .flag[data-val="1"]{color:#d84967;background:#fff1f3}.perio-workspace .flag.plaque[data-val="1"]{color:#a87613;background:#fff8de}.perio-workspace .flag[data-val="0"]{color:#729c96}.perio-workspace .foot{padding:15px 20px;color:#607887;font-size:12px}.perio-workspace .notice{padding:12px 16px;border:1px solid #b9ddd6;border-radius:10px;background:#eaf8f3;color:#24685d;font-size:12px}.perio-workspace .info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.perio-workspace .info article{padding:20px;background:white;border-radius:12px;border:1px solid var(--line)}.perio-workspace .info p{font-size:13px}.perio-workspace dialog{border:1px solid var(--line);border-radius:16px;padding:25px;width:440px;max-width:90vw;color:var(--navy)}.perio-workspace dialog::backdrop{background:#102b4666}.perio-workspace dialog label{display:block;margin:14px 0}.perio-workspace dialog select{width:100%;margin-top:7px}.perio-workspace footer{font-size:12px;color:#6a8190;padding:22px 0}.perio-workspace .emptytooth{opacity:.25}.perio-workspace .hint{font-size:12px;color:#587383}.perio-workspace button:focus-visible{outline:3px solid #4dbdb3;outline-offset:2px}@media(max-width:700px){.perio-workspace main{padding:18px 12px}.perio-workspace .intro{display:block}.perio-workspace h1{font-size:27px}.perio-workspace .stats{display:grid;grid-template-columns:1fr 1fr}.perio-workspace .tools{gap:6px}.perio-workspace .tools button{font-size:12px;padding:8px}.perio-workspace .info{grid-template-columns:1fr}.perio-workspace .panel-head{padding:14px}.perio-workspace .panel-head small{max-width:130px;text-align:right}.perio-workspace .toothcol input,.perio-workspace .flag{height:44px;min-height:44px}.perio-workspace .sheet{width:1468px}.perio-workspace .stat{padding:12px}.perio-workspace header{padding:15px}.perio-workspace header span{font-size:11px}.perio-workspace .legend{gap:10px}.perio-workspace .rowlabel{position:sticky;left:0;z-index:2;box-shadow:2px 0 3px #102b4610}}@media print{.perio-workspace .tools,.perio-workspace dialog,.perio-workspace .notice{display:none}.perio-workspace main{padding:0}.perio-workspace .scroll{overflow:visible}.perio-workspace .sheet{width:100%}.perio-workspace .panel{break-inside:avoid}.perio-workspace .info{display:none}.perio-workspace header{background:white;color:#102b46}}

.perio-workspace{color:#102b46;--navy:#102b46;--teal:#008e88;--blue:#2563eb;--red:#d84967;--line:#dce7ed}.perio-workspace .tools{top:var(--dental-top,76px);z-index:10}.perio-workspace .panel{box-shadow:none}.perio-workspace .stats{display:flex}.perio-workspace .chart{max-width:none}.perio-workspace .perio-history{padding:18px}.perio-workspace .perio-history article{border-bottom:1px solid #dce7ed;padding:14px 0}.perio-workspace .perio-history button{margin:4px}.perio-workspace .exam-readonly{background:#edf2ff;padding:12px;border-radius:10px}.perio-workspace .review-note{width:100%;min-height:85px;padding:10px;border:1px solid #dce7ed;border-radius:8px}.perio-workspace .perio-review{padding:18px;background:#f0f8f7;margin-top:14px}.perio-workspace .current-site{min-height:24px}.perio-workspace .chart-scroll{overflow:auto}.perio-workspace .pp-piece{padding:18px;background:#eef8f7;border-radius:12px}.perio-workspace .pp-piece label{display:inline-block;margin:8px}.perio-workspace .pp-piece select{display:block}.perio-workspace .toothcol input:disabled{background:#f1f4f6;color:#98a8b5}@media(max-width:700px){.perio-workspace .stats{display:grid;grid-template-columns:1fr 1fr}.perio-workspace .tools{position:static}.perio-workspace .toothcol input{font-size:16px}}

/* Keep numeric navigation in the user gesture on touch devices (iOS keyboard). */
.perio-workspace .perio-entry{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;background:#f6f8fa;position:sticky;top:0;z-index:11}
.perio-workspace .perio-entry span{font-size:12px;color:#335b70;flex-basis:100%}
.perio-workspace .perio-entry button{min-height:44px;padding:8px 10px}
.perio-workspace .perio-entry button:disabled{opacity:.45;cursor:default}
.perio-workspace .graphrow [data-pp-graph]{flex:0 0 1344px}

@media(any-pointer:coarse){.perio-workspace .toothcol input,.perio-workspace select,.perio-workspace textarea{font-size:16px}}

/* A single focused numeric editor survives automatic site changes on iOS. */
.perio-workspace .perio-editor-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.perio-workspace [data-pp-editor]{width:76px;height:44px;font-size:18px;text-align:center;padding:6px;border:2px solid #008e88;border-radius:6px;background:white;color:#102b46}
.perio-workspace [data-pp-sign]{font-weight:750;white-space:nowrap;min-width:105px}
.perio-workspace [data-pp-sign][aria-pressed=true]{color:#a52142;background:#fff0f3;border:2px solid #d84967}
.perio-workspace [data-pp-sign-hint]{flex-basis:100%;font-size:12px;line-height:1.4;color:#335b70}
.perio-workspace .perio-active-site{background:#d7f5ef!important;box-shadow:inset 0 0 0 2px #008e88}
.perio-workspace .perio-entry.is-editing{position:fixed;top:auto;bottom:calc(var(--pp-keyboard-inset,0px) + 8px);left:50%;transform:translateX(-50%);width:calc(100% - 16px);max-width:460px;z-index:90;border:1px solid #008e88;border-radius:10px;padding:10px;background:#f5fffc;box-shadow:0 4px 24px #102b4640;gap:6px}
.perio-workspace .perio-entry.is-editing button{flex:1;padding:8px 6px;font-size:13px}
.perio-workspace .perio-entry.is-editing .perio-editor-label{flex-basis:100%;justify-content:center}
.perio-workspace .perio-entry.is-editing [data-pp-active]{order:-1;font-weight:650;overflow-wrap:anywhere}
@media(max-width:400px){.perio-workspace .perio-entry.is-editing{padding:8px}.perio-workspace .perio-entry.is-editing button{font-size:12px}}

.perio-workspace .perio-parameter .toothcol{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0}.perio-workspace .perio-parameter input{width:40px;height:30px;border:0;background:transparent;text-align:center;padding:0;font-size:14px;appearance:textfield}.perio-workspace .perio-parameter input::-webkit-inner-spin-button{appearance:none}.perio-workspace .furca-mark{width:30px;height:30px;padding:0;border:0;background:transparent;color:#102b46;font:24px/1 Arial,sans-serif;border-radius:4px}.perio-workspace .furca-mark:hover:not(:disabled){background:#e7f3ff}.perio-workspace .furca-mark:focus-visible,.perio-workspace .perio-parameter input:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.perio-workspace .perio-parameter{min-height:32px}

.perio-workspace .perio-parameter .toothcol{flex-direction:row;flex-wrap:nowrap}