.service-page{max-width:1180px}.service-eyebrow{letter-spacing:.15em;font-size:.78rem;font-weight:700;color:#6c531b}.service-page h1{margin:.2rem 0;font-size:clamp(2rem,5vw,3.3rem)}.service-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0}.service-tabs button{padding:.8rem 1.1rem;border:1px solid #c8b87b;border-radius:8px;background:#fff;color:#25251f;cursor:pointer;font:inherit;font-weight:600}.service-tabs button[aria-pressed=true]{background:#273d34;color:#fff;border-color:#273d34}.service-page iframe{width:100%;min-height:1050px;border:0;border-radius:8px;background:#fff}.service-ticket-grid{display:grid;grid-template-columns:minmax(240px,330px) 1fr;gap:1rem;align-items:start}.service-page label{display:block;font-weight:600;margin:.8rem 0 .35rem}.service-page input,.service-page select,.service-page textarea{width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:6px;padding:.7rem;font:inherit;background:white;color:#25251f}.service-page textarea{min-height:110px;resize:vertical}.service-ticket{display:block;text-align:left;width:100%;padding:1rem;margin-top:.6rem;border:1px solid #d8d4c5;border-radius:8px;background:#fff;cursor:pointer;font:inherit;color:#25251f}.service-ticket[aria-current=true]{outline:2px solid #496e5c}.service-ticket strong,.service-ticket span{display:block}.service-ticket span{font-size:.85rem;margin-top:.35rem}.service-badge{display:inline-block;border-radius:20px;padding:.3rem .65rem;background:#e7eee5;color:#273d34;font-size:.82rem;font-weight:700}.service-client-list article{padding:1.2rem;border:1px solid #d8d4c5;border-radius:10px;margin:1rem 0}.service-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem}.service-update{border-left:3px solid #af9554;padding:.5rem 1rem;margin:.8rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.service-page table{width:100%;border-collapse:collapse}.service-page th,.service-page td{padding:.7rem;text-align:left;border-bottom:1px solid #ddd;vertical-align:top;white-space:pre-wrap;min-width:100px}.service-page th{background:#eef1ea}.service-page dd{margin:0 0 .6rem;white-space:pre-wrap;overflow-wrap:anywhere}.service-page dt{font-weight:600}.service-page [hidden]{display:none!important}.service-page button:disabled{opacity:.55;cursor:default}.service-page .internal-card{color:#25251f;background:rgba(255,255,255,.96)}.service-page button:focus-visible,.service-page a:focus-visible{outline:3px solid #ad8730;outline-offset:3px}@media(max-width:780px){.service-ticket-grid{grid-template-columns:1fr}.service-tabs button{flex:1}.service-page iframe{min-height:1250px}}

/* Glass service desk, readable tables, and responsive flip faces. */
.service-page{width:min(1440px,calc(100% - 32px));max-width:none;min-width:0}.service-page .internal-card{background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.45);backdrop-filter:blur(3px);box-shadow:0 8px 28px #0002}.service-page .table-scroll table{background:transparent;color:#25251f}.service-page .table-scroll th{background:rgba(231,238,229,.95);color:#25251f}.service-page .table-scroll td{background:rgba(255,255,255,.12);color:#25251f;border-color:#aaa6}.service-page .service-ticket{background:rgba(255,255,255,.65);color:#25251f}.service-page .service-client-list article{background:rgba(255,255,255,.24)}
body:has(.service-page) .bg-watermark{opacity:.24;z-index:0}body:has(.service-page) header,body:has(.service-page) main,body:has(.service-page) footer{position:relative;z-index:1}.service-flip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.service-face-label{font-weight:700;color:#fff}.service-page #service-gear{width:52px;height:52px;flex-shrink:0;font-size:27px;border-radius:50%;padding:0;border:1px solid #d1ac68;background:#273d34;color:#fff}.service-flip-card{perspective:1400px;min-width:0}.service-flip-card.is-flipped #view-manage,.service-flip-card:not(.is-flipped) #service-front{animation:service-face-in 1.1s cubic-bezier(.22,.61,.36,1);transform-origin:center}.service-metric-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service-date-range{display:flex;flex-wrap:wrap;gap:16px}.service-date-range label{flex:0 1 240px}.service-metric-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.service-metric-summary>div{display:grid;gap:5px;padding:18px;border:1px solid #8d987977;border-radius:12px;background:#ffffff40}.service-metric-summary strong{font-size:2rem;color:#273d34}.service-metric-summary span{font-size:.85rem}.service-page .table-scroll{max-height:60dvh}.service-page iframe{height:70dvh;min-height:600px}.service-page .service-tabs button{flex:0 1 auto}.service-page #view-client,.service-page #view-submit{min-height:35vh}
@keyframes service-face-in{from{opacity:.3;transform:rotateY(-70deg)}to{opacity:1;transform:rotateY(0)}}
@media(max-width:900px){.service-metric-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.service-ticket-grid{grid-template-columns:1fr}.service-page .internal-card{padding:18px}.service-page .service-tabs button{flex:1 1 180px}}
@media(max-width:540px){.service-page{width:calc(100% - 20px);margin-top:24px}.service-metric-filters{grid-template-columns:1fr}.service-metric-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.service-page iframe{min-height:500px}.service-page .internal-card{padding:14px}.service-page h1{font-size:2rem}.service-date-range label{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.service-flip-card #view-manage,.service-flip-card #service-front{animation:none!important}}

/* Consistent quiet controls; highlight only interaction and selection. */
.service-page button,.service-page .service-tabs button,.service-page .internal-actions button,.service-page .service-ticket,.service-page #service-gear{background:rgba(255,255,255,.62);color:#25251f;border:1px solid rgba(209,172,104,.6);transition:background .18s,color .18s,border-color .18s}
.service-page button:hover:not(:disabled),.service-page button:active:not(:disabled),.service-page button[aria-pressed="true"],.service-page button[aria-current="true"]{background:#d1ac68;color:#201a0d;border-color:#d1ac68}
.service-page button:focus-visible{outline:3px solid #d1ac68;outline-offset:3px}
.service-page button:disabled{opacity:.55;cursor:default}
.service-page .service-metric-filters{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.service-page #service-gear:hover,.service-page #service-gear:active{background:#d1ac68;color:#201a0d;border-color:#d1ac68}

.service-workspace-toolbar{margin:12px 0 16px;background:transparent;color:#fff}
.service-workspace-toolbar .service-tabs{margin:0;gap:8px;align-items:center}
.service-workspace-toolbar .service-tabs button{padding:10px 14px;font-size:.95rem}
.service-workspace-toolbar #manager-refresh{margin-left:auto}
.service-workspace-toolbar #manager-status{margin:8px 0 0;font-size:.85rem;line-height:1.4;color:#eee}
.service-workspace-toolbar+#service-workspace>.internal-card,.service-workspace-toolbar+#service-workspace>.service-ticket-grid .internal-card{margin-top:0}
@media(max-width:700px){.service-workspace-toolbar #manager-refresh{margin-left:0}.service-workspace-toolbar .service-tabs button{flex:1 1 145px}}
.service-page .service-metric-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.service-chart-controls,.service-export-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}.service-chart-controls label,.service-export-controls label{flex:1 1 210px}.service-chart-controls fieldset{min-width:220px;flex:2 1 320px;border:1px solid #8d987977;border-radius:10px;padding:10px 14px}.service-chart-controls legend{font-weight:700}.service-chart-controls details summary,.service-page #tool-metrics>details>summary{cursor:pointer;font-weight:700;padding:8px}.service-chart-controls #metric-manager-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;max-height:260px;overflow:auto;margin-top:12px}.service-chart-controls #metric-manager-options label{display:flex;gap:8px;align-items:center;font-weight:400}.service-chart-controls #metric-manager-options input{width:auto;margin:0}.service-chart-panel{padding:18px;margin:18px 0;border:1px solid #8d987977;border-radius:14px;background:#ffffff25}.service-chart-panel h3{margin:0 0 8px;color:#273d34}.service-chart-panel>p{font-size:.9rem}.service-page .service-ranking-row{display:grid;grid-template-columns:minmax(120px,30%) minmax(40px,1fr) 42px;gap:12px;align-items:center;width:100%;text-align:left;margin:6px 0;padding:10px 12px}.service-ranking-label{overflow-wrap:anywhere}.service-ranking-track{height:24px;border-radius:5px;background:#273d3415;overflow:hidden}.service-ranking-fill{display:block;height:100%;background:#d1ac68;border-radius:5px;transition:width .25s ease}.service-ranking-closed{display:block;height:100%;background:#416553}.service-closed-donut{--closed-angle:0deg;display:grid;place-content:center;position:relative;aspect-ratio:1;width:76px;border-radius:50%;background:conic-gradient(#416553 var(--closed-angle),#d1ac68 0);isolation:isolate;float:right}.service-closed-donut:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#f6f5eb;z-index:-1}.service-metric-summary .service-closed-donut strong{font-size:1.3rem;text-align:center}.service-closed-donut span{font-size:.65rem}.service-participation{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-participation>section+section{border-left:1px solid #8d987977;padding-left:20px}.service-participation h4{margin:0 0 12px}.service-participation ul{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}.service-page .service-participation button{width:100%;text-align:left;margin:3px 0;padding:8px 12px}.service-participation-heading{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.service-participation-heading label{flex:0 1 280px}.service-export-controls p{flex-basis:100%;margin:0;font-size:.9rem}
@media(max-width:540px){.service-participation{grid-template-columns:1fr}.service-participation>section+section{border-left:0;border-top:1px solid #8d987977;padding-left:0;padding-top:18px}.service-page .service-ranking-row{grid-template-columns:minmax(90px,40%) minmax(30px,1fr) 26px;gap:8px;font-size:.8rem}.service-chart-panel{padding:12px}}
@media(prefers-reduced-motion:reduce){.service-ranking-fill{transition:none}}
@media print{
 @page{size:landscape;margin:12mm}
 body[data-service-print]{background:#fff!important;color:#172e20!important}
 body[data-service-print] header,body[data-service-print] footer,body[data-service-print] .bg-watermark,body[data-service-print] .service-page>p,body[data-service-print] .service-page>h1,body[data-service-print] .service-flip-heading,body[data-service-print] .service-workspace-toolbar,body[data-service-print] #service-front,body[data-service-print] .service-metric-filters,body[data-service-print] .service-chart-controls,body[data-service-print] .service-export-controls,body[data-service-print] #tool-metrics>details,body[data-service-print] .service-participation-heading label{display:none!important}
 body[data-service-print] main.service-page{width:100%;margin:0;max-width:none}
 body[data-service-print] #view-manage,body[data-service-print] #tool-metrics{display:block!important;animation:none!important;background:#fff!important;box-shadow:none!important;border:0!important;padding:0!important;transform:none!important}
 body[data-service-print] #tool-tickets,body[data-service-print] #tool-reviews{display:none!important}
 body[data-service-print] .service-chart-panel,body[data-service-print] .service-metric-summary>div{background:#fff!important;color:#172e20!important;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 body[data-service-print] .service-ranking-row,body[data-service-print] .service-participation li{break-inside:avoid}
 body[data-service-print] .service-participation ul{overflow:visible;max-height:none}
 body[data-service-print] .service-participation{align-items:start}
 body[data-service-print] .service-chart-panel:has(.service-participation){break-inside:auto}
 body[data-service-print="ranking"] .service-chart-panel:has(.service-participation){display:none!important}
 body[data-service-print="participation"] .service-metric-summary,body[data-service-print="participation"] #service-chart-ranking{display:none!important}
}
.service-log-editor{margin:18px 0;padding:18px;border:1px solid #d1ac68;border-radius:12px;background:#ffffff35}.service-log-editor h3{margin:0 0 10px}.service-update small{display:block;margin:8px 0;font-size:.82rem}.service-update .internal-actions{margin:10px 0 0}.service-page .service-update button{padding:6px 14px}.service-log-editor textarea{min-height:140px}.service-log-editor[hidden]{display:none}

#service-copy-choices label{display:flex;gap:.6rem;align-items:center;margin:.6rem 0;font-weight:normal}#service-copy-choices input{width:auto;flex:0 0 auto}#service-copy-panel{margin:1rem 0}#service-email-history{overflow-wrap:anywhere}

#service-unassigned-dialog{position:fixed;inset:110px 18px auto auto;margin:0;width:min(400px,calc(100vw - 36px));max-height:60vh;overflow:auto;z-index:30;padding:18px;background:rgba(245,246,240,.97);color:#25251f;border:1px solid #d1ac68;border-radius:14px;box-shadow:0 12px 36px #0005}#service-unassigned-list{display:grid;gap:8px;margin:12px 0}#service-unassigned-list button{text-align:left}

.service-members{margin:1rem 0;padding:1rem;border:1px solid #c8b87b;border-radius:10px}#service-member-options{max-height:270px;overflow:auto}#service-member-options label{display:flex;align-items:center;gap:.6rem;font-weight:normal}#service-member-options input{width:auto;flex:0 0 auto}#service-member-options label[hidden]{display:none}#service-member-list p{margin:.35rem 0}#service-member-history p{white-space:pre-wrap}

#service-client-auth{max-width:720px;margin:1rem 0}#service-client-auth[hidden],#service-code-request[hidden],#service-code-verify[hidden],#service-intake-form[hidden]{display:none}#service-client-auth input{max-width:520px}#service-code{max-width:220px;letter-spacing:.22em;font-size:1.3rem}#service-intake-fields{border:1px solid #b9b398;border-radius:12px;padding:1rem;margin:1rem 0}#service-intake-fields label{display:block;margin:.8rem 0 .35rem}#service-intake-fields textarea{width:100%;min-height:80px}#service-intake-email{overflow-wrap:anywhere}#service-intake-status{white-space:pre-wrap}

.service-attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem;margin-top:1rem}.service-attachment-grid figure{margin:0;min-width:0;padding:.8rem;border:1px solid #c8b87b;border-radius:10px;background:#ffffff30}.service-attachment-grid img,.service-attachment-grid video{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:6px}.service-attachment-grid figcaption{overflow-wrap:anywhere;margin-top:.6rem;font-size:.9rem}#service-selected-files p{margin:.4rem 0;overflow-wrap:anywhere}#intake-files{max-width:100%}
