.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:25px}.client-card{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;min-width:0}.client-avatar{display:grid;place-items:center;width:43px;height:43px;background:#eaece3;color:#737a68;border-radius:50%;font-family:Georgia,serif;font-size:23px;margin-bottom:18px}.client-card h2{font-size:23px;overflow-wrap:anywhere}.client-card p{font-size:12px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.client-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.client-actions button{font-size:11px}.client-dialog{width:min(650px,calc(100vw - 24px));max-height:90dvh}.client-dialog form{display:grid;gap:19px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-title button{font-size:24px;min-width:44px}.checkbox-label{flex-direction:row;align-items:center;font-weight:400}.checkbox-label input{width:20px;min-height:20px;height:20px;accent-color:var(--orange)}#client-error{font-size:13px;color:#a4462b;white-space:pre-wrap}#share-dialog{width:min(570px,calc(100vw - 24px))}#share-url{font-size:12px}.order-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px;align-items:start}.order-layout aside{min-width:0}#order-heading{overflow-wrap:anywhere;font-size:36px}#order-form select:disabled{opacity:.75}#comment-form{display:grid;gap:16px}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.event-feed{display:grid;gap:18px}.event{border-left:2px solid var(--orange);padding:0 0 0 17px;min-width:0}.event.internal{border-color:#959f8c;background:#ecefe6;padding:13px 15px;border-radius:0 7px 7px 0}.event-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:9px;letter-spacing:.5px;color:var(--muted);line-height:1.8}.event-meta>span{font-weight:600}.event p{font-size:13px;line-height:1.8;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.event>.quiet{font-size:10px;padding:10px 0;min-height:36px}#order-list .quote-row{grid-template-columns:minmax(0,1.5fr) 1fr auto}#order-list h3{overflow-wrap:anywhere}.portal-body{background:var(--paper)}.portal-header{max-width:1120px;margin:auto;padding:28px 35px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-header>.eyebrow{font-size:9px;color:var(--muted)}.portal-main{max-width:1120px;margin:auto;padding:50px 35px}.portal-main h1{font-size:64px;line-height:1.1;margin:22px 0}.portal-main h1 em{color:#7a806f}.portal-main #portal-greeting{font-size:14px;color:var(--muted);line-height:1.8;max-width:620px}.portal-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:35px 0 22px}.portal-tools>span{font-size:11px;color:var(--muted)}.portal-order{padding:34px;background:#fffdf8;border:1px solid var(--line);border-radius:15px;margin-bottom:25px}.portal-order-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.portal-order-heading h2{font-size:30px;line-height:1.2;margin-top:12px;overflow-wrap:anywhere}.status-pill{background:#f7e2d4;color:#914e2b;border-radius:25px;padding:10px 15px;font-size:12px;white-space:nowrap}.stage-description{color:var(--muted);font-size:13px;line-height:1.8;margin-top:15px}.progress-steps{list-style:none;margin:32px 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.progress-steps li{position:relative;display:flex;flex-direction:column;gap:12px;font-size:11px;color:#929789}.progress-steps li:before{content:'';height:2px;background:#e1e4d9;position:absolute;left:35px;right:0;top:17px}.progress-steps li:last-child:before{display:none}.progress-steps li>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eceee6;font-size:11px}.progress-steps li.done>span{background:#e0e8d6;color:#426432}.progress-steps li.current{color:var(--ink);font-weight:600}.progress-steps li.current>span{background:var(--orange);color:#fff}.progress-steps li.done:before{background:#bccdac}.project-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:#f0f2ea;padding:22px;border-radius:8px}.project-dates span{display:block;font-size:9px;letter-spacing:.8px;color:var(--muted);margin-bottom:10px}.project-dates strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.portal-description{white-space:pre-wrap;font-size:14px;line-height:1.85;overflow-wrap:anywhere;margin:26px 0}.delivery-block{margin:28px 0}.delivery-block>a{display:inline-block;white-space:normal;background:#252d27}.portal-history{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.portal-history summary{cursor:pointer;font-size:16px;min-height:40px}.portal-history summary span{font-size:11px;color:var(--muted);margin-left:10px}.portal-history .event-feed{margin-top:20px;gap:25px}.portal-footer{padding:32px 0;display:flex;gap:30px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);margin-top:45px}.portal-footer>div>span:first-child{font-weight:600}.portal-footer p{margin:10px 0;color:var(--muted);font-size:12px;line-height:1.8}.portal-footer small{max-width:270px;color:var(--muted);font-size:11px;line-height:1.8}#studio-contact{font-size:12px;line-height:1.8;overflow-wrap:anywhere}#portal-error{padding:20px;background:#fae5d9;border-radius:9px;line-height:1.8;font-size:14px;margin:20px 0}#portal-orders:empty{display:none}
@media(max-width:1100px){.order-layout{grid-template-columns:1fr}.client-grid{gap:14px}.client-card{padding:20px}}
@media(max-width:950px){.sidebar{flex-wrap:wrap}.sidebar .brand{margin-right:auto}.sidebar-bottom{width:100%;justify-content:flex-end}.sidebar-bottom button{padding:7px 0}.sidebar .nav-button{font-size:11px}}
@media(max-width:600px){.sidebar{gap:6px}.sidebar .brand{flex-basis:100%;margin-bottom:8px}.sidebar .nav-button{padding:11px 7px;gap:5px;font-size:11px;flex:1;justify-content:center}.sidebar-bottom{padding-top:8px}.client-grid{grid-template-columns:1fr}.client-actions button{font-size:12px;min-height:44px}.client-dialog{padding:20px}.client-dialog .field-row{gap:16px}.order-layout{gap:25px}#order-heading{font-size:30px}#order-list .quote-row{grid-template-columns:1fr;gap:15px}#order-list .quote-row button{width:100%;font-size:13px}.order-layout .form-card{padding:20px 16px}.event p{font-size:14px}.event-meta{font-size:10px}#share-dialog{padding:22px}#share-url{font-size:16px}.portal-header{padding:22px;align-items:center}.portal-header .brand{font-size:26px}.portal-header>.eyebrow{font-size:8px;max-width:95px;text-align:right;line-height:1.7}.portal-main{padding:35px 18px}.portal-main h1{font-size:46px;letter-spacing:-1.8px;margin:22px 0}.portal-main #portal-greeting{font-size:14px}.portal-order{padding:24px 18px}.portal-order-heading{display:block}.portal-order-heading h2{font-size:26px}.status-pill{display:inline-block;margin-top:17px;font-size:12px}.progress-steps{grid-template-columns:repeat(3,1fr);row-gap:22px}.progress-steps li{font-size:10px}.progress-steps li:nth-child(3):before{display:none}.project-dates{grid-template-columns:1fr 1fr;padding:17px;gap:20px 15px}.project-dates strong{font-size:13px}.project-dates span{font-size:8px}.portal-footer{display:block;padding:25px 0}.portal-footer small{display:block;margin-top:25px}.portal-tools{margin-top:27px}.portal-tools>span{font-size:10px}.portal-tools button{font-size:12px;min-height:44px}.portal-description{font-size:14px}.portal-history summary{font-size:15px}.form-actions{flex-direction:column;align-items:stretch}}