/* Arch-iD Ltd Client Documents & Appointments | 2026 */
:root{--ark-blue:#138fc9;--ark-blue-deep:#086d9f;--ark-green:#398b61;--ark-charcoal:#26343b;--ark-border:#d9e6ed}
#client-documents{background:linear-gradient(154deg,#f7fdff 0%,#edf8f8 55%,#f4f8f1 100%);color:var(--ark-charcoal);padding:76px clamp(18px,5vw,88px);border-top:1px solid #dce9ec;scroll-margin-top:90px}
#client-documents *{box-sizing:border-box}
#client-documents .cp-shell{max-width:1300px;margin:auto}
#client-documents .cp-heading{display:flex;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between;margin-bottom:25px}
#client-documents .cp-heading h2{margin:.2em 0;font-size:clamp(30px,4vw,51px);line-height:1.12;letter-spacing:-.045em}
#client-documents .cp-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:750;color:var(--ark-blue-deep)}
#client-documents .cp-subtle{max-width:730px;color:#59717b;font-size:14px}
#client-documents .cp-brand{width:min(275px,40%);height:auto;object-fit:contain}
#client-documents .cp-tabs{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #cbdfe7;padding-bottom:12px;margin:16px 0 25px}
#client-documents .cp-tab{cursor:pointer;background:rgba(255,255,255,.75);border:1px solid #d8e7e9;border-radius:60px;padding:11px 19px;color:#29444f;font:inherit;font-size:13px;font-weight:700}
#client-documents .cp-tab[aria-selected="true"]{background:#166f9c;color:white;border-color:#166f9c;box-shadow:0 5px 16px #1685c622}
#client-documents .cp-pane[hidden],#client-documents .cp-hide[hidden]{display:none!important}
#client-documents .cp-toolrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 22px}
#client-documents .cp-search{background:white;border-radius:10px;border:1px solid #d4e3e8;padding:11px 12px;min-width:220px;flex:1;font:inherit;color:#233}
#client-documents .cp-tag{border:1px solid #c8dce3;padding:6px 10px;border-radius:40px;background:#fff;color:#4f6871;font-size:12px}
#client-documents .cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#client-documents .cp-card{background:#ffffffdb;border:1px solid #d9e7e8;border-radius:19px;box-shadow:0 13px 28px #215b7611;padding:20px;display:flex;flex-direction:column;gap:13px}
#client-documents .cp-num{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--ark-blue-deep)}
#client-documents .cp-card h3{font-size:18px;line-height:1.26;letter-spacing:-.015em;margin:0;flex:1}
#client-documents .cp-actions{display:flex;flex-wrap:wrap;gap:7px}
#client-documents .cp-action{appearance:none;cursor:pointer;display:inline-block;text-decoration:none;border-radius:8px;border:1px solid #b5d2de;background:white;color:#176a90;font:700 12px/1.35 inherit;padding:9px 11px;text-align:center}
#client-documents .cp-action:hover{background:#e7f6fb}
#client-documents .cp-action.cp-primary{background:#137ba9;color:#fff;border-color:#137ba9}
#client-documents .cp-note{border-left:3px solid var(--ark-green);padding:12px 16px;background:#f5fcf7;color:#3b5b56;margin:13px 0 18px;font-size:13px}
#client-documents .cp-wide{background:linear-gradient(110deg,#e4f4fc,#eef8ef);border:1px solid #d1e6e6;border-radius:18px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;padding:19px;margin-bottom:20px}
#client-documents .cp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#client-documents .cp-fields label{font-weight:700;font-size:12px;letter-spacing:.01em;display:flex;flex-direction:column;gap:5px}
#client-documents input,#client-documents select,#client-documents textarea{width:100%;border:1px solid #c1d4db;padding:12px 13px;background:#fff;border-radius:9px;font:normal 14px/1.5 Arial,sans-serif;color:#203d49}
#client-documents input:focus,#client-documents textarea:focus,#client-documents select:focus{outline:2px solid #64b2d8;outline-offset:1px}
#client-documents .cp-form{max-width:950px;padding:clamp(18px,3vw,32px);background:#fff;border:1px solid #d5e4eb;border-radius:20px;box-shadow:0 20px 40px #215b7611}
#client-documents .cp-span{grid-column:1/-1}
#client-documents .cp-check{flex-direction:row!important;align-items:flex-start;gap:12px!important;margin:15px 0;font-size:13px!important;font-weight:500!important}
#client-documents .cp-check input{width:17px;height:17px;flex-shrink:0;margin:1px 0 0}
#client-documents .cp-button{font:700 13px/1.3 inherit;background:#146e9a;color:white;border:1px solid #146e9a;border-radius:9px;padding:12px 18px;cursor:pointer;margin-right:8px;margin-bottom:8px}
#client-documents .cp-button.alt{background:white;border-color:#c3d5dc;color:#17658c}
#client-documents .cp-status{margin-top:12px;font-size:13px;font-weight:700;min-height:21px;color:#344b55}
#client-documents .cp-status[role="alert"]{color:#9a3535}
#client-documents .cp-viewer{margin-top:16px;border:1px solid #c7dfe8;border-radius:15px;background:#fff;padding:16px}
#client-documents .cp-viewer iframe{display:block;width:100%;height:min(75vh,750px);border:1px solid #e1ebef;border-radius:8px}
#client-documents .cp-privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
#client-documents .cp-privacy-copy{background:white;border-radius:18px;border:1px solid #dce8ee;padding:23px}
#client-documents .cp-privacy-copy h3{margin-top:0}
#client-documents .cp-privacy-copy li{margin-bottom:7px}
#client-documents .cp-print-sheet{display:none}
#client-documents .cp-small{font-size:12px;color:#58727b}
#client-documents .cp-footnote{margin-top:27px;border-top:1px solid #cfdee2;padding-top:17px;font-size:12px;color:#586f76}
@media(max-width:1000px){#client-documents .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#client-documents .cp-grid,#client-documents .cp-fields,#client-documents .cp-privacy-grid{grid-template-columns:1fr}#client-documents .cp-heading{align-items:flex-start}#client-documents .cp-brand{width:180px}#client-documents .cp-span{grid-column:auto}#client-documents .cp-tab{padding:10px 12px}}
@media print{body>*:not(main){display:none!important}body main>*:not(#client-documents){display:none!important}#client-documents{display:block!important;padding:0!important;margin:0!important;border:0!important;background:white!important}#client-documents .cp-shell>*:not(#cp-print-sheet){display:none!important}#client-documents .cp-print-sheet{display:block!important;color:#111;font-family:Arial,sans-serif;font-size:11pt;line-height:1.5;padding:5mm}#client-documents .cp-print-sheet h2{border-bottom:3px solid #247ea5;padding-bottom:10px}#client-documents .cp-print-sheet dl{display:grid;grid-template-columns:180px 1fr;gap:10px}#client-documents .cp-print-sheet dt{font-weight:bold}#client-documents .cp-print-sheet dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}}
