:root{--green:#0d4a41;--green2:#155c50;--gold:#d3aa55;--bg:#f5f7f5;--line:#dce6e2;--ink:#17231f;--muted:#74817d;--danger:#b84242}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,sans-serif;background:linear-gradient(180deg,#f6f8f6,#f2f6f4);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.m-shell{width:min(760px,calc(100% - 24px));margin-inline:auto}
.m-header{height:76px;background:#fff;border-bottom:1px solid #e3ebe7;display:flex;align-items:center;position:sticky;top:0;z-index:40}.header-row{display:flex;align-items:center;justify-content:space-between}.m-brand{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#0b4038,#126052);color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800}.m-brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.m-brand strong{font-size:15px;color:var(--green)}.m-brand small{font-size:8px;color:#8c9794;margin-top:4px}.lang-btn{width:42px;height:40px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;background:#fff;font-size:10px;font-weight:800}
.m-main{padding:24px 0 50px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:11px;line-height:1.7}.alert.error{background:#fff0f0;color:#9d3030;border:1px solid #efd2d2}.alert.success{background:#eaf7f1;color:#236d53;border:1px solid #cce6da}
.lookup-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 20px 55px rgba(15,65,56,.08);text-align:center;margin-top:25px}.lookup-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#0d4a41,#146052);color:#fff;display:grid;place-items:center;font-size:27px;margin:0 auto 20px}.lookup-icon.warning{background:#fff3df;color:#a97720;border:1px solid #f1ddba}.kicker{font-size:8px;color:var(--gold);font-weight:800;letter-spacing:1px}.lookup-card h1{font-size:30px;color:var(--green);margin:5px 0 8px}.lookup-card>p{font-size:11px;color:#788580;line-height:1.8;margin:0 auto 24px;max-width:520px}.phone-form{display:grid;gap:13px;text-align:start;max-width:500px;margin:0 auto}.phone-form label>span{display:block;font-size:9px;font-weight:700;margin-bottom:6px}.phone-input{height:55px;border:1px solid #d8e3df;border-radius:14px;background:#fbfcfb;display:flex;align-items:center;overflow:hidden}.phone-input b{height:100%;padding:0 14px;display:flex;align-items:center;border-inline-end:1px solid #e1e8e5;color:#6f7f7a;font-size:11px}.phone-input input{border:0;outline:none;background:transparent;flex:1;height:100%;padding:0 14px;font-size:18px;direction:ltr}.phone-form button,.primary-link{height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer}.lookup-note{margin-top:18px;border-top:1px solid #edf1ef;padding-top:15px;font-size:9px;color:#7b8884;display:flex;align-items:center;justify-content:center;gap:7px}.lookup-note span{width:22px;height:22px;border-radius:8px;background:#eaf6f0;color:#27795c;display:grid;place-items:center;font-weight:800}
.resident-hello{background:linear-gradient(135deg,#103f38,#17594e);border-radius:22px;padding:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;overflow:hidden}.resident-hello:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid rgba(255,255,255,.07);inset-inline-end:-80px;top:-110px}.resident-hello>div{position:relative;z-index:2}.resident-hello h1{font-size:26px;margin:3px 0 4px}.resident-hello p{font-size:9px;color:#c3d8d2;margin:0}.unit-chip{min-width:230px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:15px;padding:12px;display:flex;flex-direction:column}.unit-chip span{font-size:7px;color:#d8b969}.unit-chip strong{font-size:11px}.unit-chip small{font-size:8px;color:#bad1cb;margin-top:2px}
.action-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.tab{min-height:84px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px;text-align:start;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;cursor:pointer;color:#44534e}.tab.active{border-color:#9fc1b6;box-shadow:0 0 0 3px rgba(13,74,65,.04);background:#fbfdfc}.tab-icon{width:39px;height:39px;border-radius:12px;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-size:18px}.tab>div{display:flex;flex-direction:column}.tab strong{font-size:10px;color:#24443c}.tab small{font-size:7px;color:#8b9693}.tab>b{min-width:22px;height:22px;border-radius:8px;background:#d8b15e;color:#173f36;display:grid;place-items:center;font-size:8px}
.tab-panel{display:none}.tab-panel.active{display:block}.request-form,.track-requests{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px}.form-head,.track-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.form-head h2,.track-head h2{font-size:20px;color:var(--green);margin:3px 0}.form-head p,.track-head p{font-size:9px;color:#7e8a87;margin:0}.step-badge,.phone-mask{height:30px;padding:0 10px;border-radius:10px;background:#edf4f1;color:#2d695c;display:flex;align-items:center;font-size:8px;font-weight:800}.request-form>label{display:block;margin-bottom:13px}.request-form>label>span{display:block;font-size:9px;font-weight:700;margin-bottom:6px;color:#50605b}.request-form select,.request-form textarea{width:100%;border:1px solid #dbe5e1;border-radius:12px;background:#fbfcfb;outline:none;padding:10px}.request-form select{height:48px}.request-form textarea{resize:vertical;min-height:105px}.request-form select:focus,.request-form textarea:focus{border-color:#8fb1a7;box-shadow:0 0 0 4px rgba(13,74,65,.05)}
.upload-box{min-height:125px!important;border:1.5px dashed #a9c2bb!important;border-radius:15px!important;background:#f8fbf9!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px!important;cursor:pointer}.upload-box input{display:none}.upload-icon{width:40px;height:40px!important;border-radius:12px;background:#eaf4ef;color:var(--green);display:grid!important;place-items:center;margin:0!important;font-size:19px!important}.upload-box strong{font-size:10px;color:#31564d;margin-top:8px}.upload-box small{font-size:7px;color:#8d9995;margin-top:2px}
.urgent-check{display:grid!important;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:12px!important;border:1px solid #f0dfbf!important;background:#fffbf3!important;border-radius:13px!important}.urgent-check input{width:18px;height:18px;accent-color:#c69232;margin-top:2px}.urgent-check>span{display:flex!important;flex-direction:column;margin:0!important}.urgent-check strong{font-size:9px;color:#795b20}.urgent-check small{font-size:7px;color:#8e7c57;line-height:1.6}.submit-btn{width:100%;height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.track-head{background:#fff}.track-empty{background:#fff;border:1px solid var(--line);border-radius:18px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.track-empty>span{width:48px;height:48px;border-radius:15px;background:#eaf6f0;color:#2d8062;display:grid;place-items:center;font-size:19px}.track-empty strong{font-size:12px;margin-top:10px}.track-empty p{font-size:8px;color:#8c9794}.request-list{display:grid;gap:9px}.request-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ticket{font-size:7px;color:#98a39f}.request-top h3{font-size:13px;color:#234b41;margin:2px 0}.state{font-size:7px;font-weight:800;padding:5px 7px;border-radius:999px;background:#eef5f2;color:#346d60}.state.completed,.state.closed{background:#e8f7ef;color:#25795a}.state.rejected{background:#fff0f0;color:#a43b3b}.state.waiting_parts,.state.resident_absent,.state.needs_revisit{background:#fff4e1;color:#93671c}.request-card>p{font-size:9px;color:#6e7b77;line-height:1.7;margin:9px 0}.request-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#929c99}.request-bottom b{color:#a53939;background:#ffecec;padding:4px 6px;border-radius:7px}.mini-progress{height:5px;background:#edf1ef;border-radius:999px;overflow:hidden;margin-top:10px}.mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#d0aa5a,#2a8066);border-radius:999px}
.switch-phone{text-align:center;margin-top:16px}.switch-phone a{font-size:8px;color:#678079;text-decoration:underline}
@media(max-width:620px){.m-main{padding-top:14px}.lookup-card{padding:26px 18px;margin-top:10px;border-radius:20px}.lookup-card h1{font-size:26px}.resident-hello{padding:20px;flex-direction:column;align-items:flex-start}.unit-chip{width:100%;min-width:0}.action-tabs{grid-template-columns:1fr}.request-form{padding:17px}.form-head,.track-head{align-items:flex-start}.form-head h2,.track-head h2{font-size:18px}.request-top{flex-direction:column}.state{align-self:flex-start}}

/* V13 Resident Easy Flow */
.resident-location{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:0 0 8px;
}
.resident-location>div{
    border:1px solid #dce6e2;
    background:#f7faf8;
    border-radius:12px;
    padding:11px 12px;
    display:flex;
    flex-direction:column;
}
.resident-location span{
    font-size:7px;
    color:#84908c;
    font-weight:700;
}
.resident-location strong{
    margin-top:3px;
    font-size:14px;
    color:#174b40;
}
.auto-data-note{
    margin:0 0 14px!important;
    padding:8px 10px;
    border-radius:10px;
    background:#edf7f2;
    color:#367463!important;
    font-size:8px!important;
}
@media(max-width:520px){
    .resident-location{grid-template-columns:1fr 1fr 1fr}
    .resident-location>div{padding:9px}
    .resident-location strong{font-size:12px}
}

/* V20260904 Mobile brand fix — keep official RIEMAN logo inside header mark */
.brand-mark{
    overflow:hidden!important;
    background:#fff!important;
    padding:3px!important;
    flex:0 0 43px!important;
}
.brand-mark img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
}
@media(max-width:620px){
    .m-header{height:68px}
    .m-shell{width:min(100% - 20px,760px)}
    .m-brand{min-width:0;gap:8px}
    .brand-mark{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:10px!important}
    .m-brand>span:last-child{min-width:0}
    .m-brand strong{font-size:14px;white-space:nowrap}
    .m-brand small{font-size:7px;white-space:nowrap}
    .lang-btn{flex:0 0 40px}
    .lookup-card{overflow:hidden}
    .lookup-card h1{font-size:25px;line-height:1.45}
    .lookup-card>p{font-size:11px;line-height:1.9}
}