/* workflow.css */ *{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#18252d;font-family:"Malgun Gothic",Arial,sans-serif}header{height:74px;background:#17365d;color:#fff;padding:0 max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between}header strong{font-size:21px}header span{font-size:12px;color:#b7c9db;margin-left:12px}nav{display:flex;gap:6px}button{border:0;border-radius:7px;padding:10px 15px;cursor:pointer;font-weight:700}nav button{background:transparent;color:#dbe8f5}nav button.active,nav button:hover{background:#2e5a83;color:#fff}.view,main{max-width:1180px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;padding:46px 8px 30px}.intro small{letter-spacing:2px;color:#2670a8;font-weight:700}.intro h1{font-size:42px;line-height:1.2;margin:12px 0}.intro em{font-style:normal;color:#1d78b5}.intro p{color:#657581}.step{background:#e8f1f8;color:#216c9d;border-radius:16px;padding:22px 30px;font-size:36px;font-weight:700;text-align:center}.step span{font-size:12px;display:block}.panel{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:22px;margin-bottom:16px;box-shadow:0 4px 15px #17365d0b}.panel h2{margin:0 0 18px;font-size:19px}.type-tabs{display:flex;gap:10px;margin-bottom:18px}.type-tabs input{position:absolute;opacity:0}.type-tabs span{display:block;padding:12px 22px;border:1px solid #c8d6e2;border-radius:7px;cursor:pointer}.type-tabs input:checked+span{background:#216c9d;color:#fff;border-color:#216c9d}.fields{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.fields label{font-size:13px;font-weight:700;color:#4d5c66}.fields input,.fields select,.fields textarea{display:block;width:100%;margin-top:6px;border:1px solid #c8d6e2;border-radius:6px;padding:10px;font:inherit;font-weight:400;background:#fff}.fields textarea{resize:vertical}.wide{grid-column:span 2}.savebar{display:flex;align-items:center;gap:16px;padding:8px 0 25px}.save{background:#1f75b5;color:white}.savebar #status{color:#596a76;font-size:13px}.results h2{font-size:20px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid article{background:#fff;border:1px solid #dce5ec;border-radius:10px;padding:18px}.result-grid h3{margin-top:0}.result-grid textarea{width:100%;min-height:180px;border:1px solid #dce5ec;border-radius:6px;padding:10px;font:14px/1.5 monospace}.result-grid pre{white-space:pre-wrap;max-height:220px;overflow:auto;background:#f5f7f9;padding:10px;border-radius:6px;font-size:12px}.result-grid button{background:#edf3f8;color:#1e5f8b;margin-top:8px}.listing-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e8edf1}.listing-row>span{flex:1 1 100%;line-height:1.5}.listing-row select{padding:8px;border:1px solid #c8d6e2;border-radius:6px;background:#fff}.listing-row small{color:#657581}@media(max-width:760px){header{padding:0 12px}header span{display:none}.intro{padding:30px 4px;display:block}.intro h1{font-size:32px}.step{display:inline-block;margin-top:10px}.fields{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.result-grid{grid-template-columns:1fr}.type-tabs{overflow:auto}.type-tabs span{white-space:nowrap}.listing-row{justify-content:flex-start}.listing-row button{flex:1 1 auto}} .saved-site-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border-left:2px solid #e6eaf0}.saved-site-action button{white-space:nowrap}.saved-site-action span{font-size:13px;color:#526174}.saved-site-action a{font-size:13px;color:#1565c0}.saved-site-action a[hidden]{display:none} /* Compact registration layout follows the saved bank form reference. */ body{font-size:13px}header{height:56px}header strong{font-size:18px}main{padding:0 14px}.intro,.intro.compact{padding:18px 0 12px}.intro h1{font-size:22px;margin:0 0 7px}.intro p{margin:0;line-height:1.5}.intro small{display:none}.panel{padding:14px 16px;border-radius:5px;margin-bottom:12px;box-shadow:none}.panel h2{font-size:15px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e6eaf0}.fields{gap:10px 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.fields input,.fields select,.fields textarea{padding:7px 8px;margin-top:4px;border-radius:3px;min-width:0}.type-tabs{margin-bottom:12px}.type-tabs span{padding:7px 16px;border-radius:4px}button{padding:8px 12px;border-radius:4px}.savebar{flex-wrap:wrap;gap:10px;padding:8px 0 18px}.savebar #status{flex:1 1 50%}.saved-site-action{flex:1 1 100%;padding:4px 0;border:0}.owner-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:span 2}.owner-summary span{color:#526174;font-size:12px}details summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:12px}dialog{width:min(420px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #bdcbd8;border-radius:6px;padding:20px;color:#18252d}dialog::backdrop{background:#14233465}dialog h2{font-size:17px;margin:0 0 12px}dialog .fields{grid-template-columns:1fr}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#missingMessage{white-space:pre-line}#ownerDialogError{color:#b3261e}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:2px solid #1976b9;outline-offset:2px}[hidden]{display:none!important}.homepage-prepare-json{max-width:100%;overflow:auto} @media(max-width:760px){main{padding:0 10px}header strong{font-size:16px}nav{gap:2px}nav button{padding:8px}.intro h1{font-size:21px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:12px}.owner-summary,.wide{grid-column:1/-1}.savebar #status{flex-basis:100%}} .readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.readiness-grid>div{background:#f4f7fb;padding:10px;border-radius:8px;min-width:0}.readiness-grid strong,.readiness-grid span{display:block;overflow-wrap:anywhere}.readiness-grid span{font-size:12px;margin-top:4px;color:#526075}.readiness-grid [data-ready=false]{border-left:3px solid #c27b18}.listing-row[hidden]{display:none!important}#listingReadiness p{color:#526075;font-size:12px} .batch-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.batch-toolbar label{display:flex;align-items:center;gap:5px}.batch-toolbar input{width:auto}.batch-scroll{overflow:auto;max-height:65vh}#savedListingsTable{border-collapse:collapse;min-width:1150px;width:100%;font-size:12px}#savedListingsTable th,#savedListingsTable td{padding:9px;border:1px solid #dde3eb;white-space:nowrap;text-align:left}#savedListingsTable th{background:#edf2fa;position:sticky;top:0}#savedListingsTable input{width:auto}#savedListingsTable button{font-size:12px;padding:4px;background:transparent}#savedListingsTable [data-stage=registered]{color:#187642;font-weight:bold}.batch-panel{min-width:0} #addressCandidates{border:1px solid #bacbdc;margin-top:6px;max-width:100%;overflow:auto}#addressCandidates>button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e4eaf0;background:white;padding:10px}#addressLookupStatus{display:block;color:#526174;margin-top:4px}#ownerFields{margin-top:12px}#ownerFields .owner-summary{margin-top:8px}#savedListingsTable tbody tr{cursor:pointer}#savedListingsTable tbody tr:hover{background:#f1f7fc}#savedListingsTable td{padding:7px}#savedListingsTable td:nth-child(6){max-width:250px;white-space:normal;min-width:180px}.batch-toolbar{font-size:12px}#listingReadiness{padding:9px 12px}#listingReadiness .readiness-grid{display:none}#listingReadiness p{margin:4px 0}.panel{padding:12px 14px}.fields{gap:8px 12px} #addressDialog{width:min(650px,calc(100vw - 24px));padding:14px}.address-searchbar{display:flex;gap:6px}.address-searchbar input{flex:1;min-width:0;padding:8px;border:1px solid #bacbdc}#addressSearchButton{margin-top:5px}#addressDialogStatus{font-size:13px;color:#526174} #complexMenu{border:1px solid #bdcbd8;background:white;padding:8px;max-height:280px;overflow:auto}#complexOptions button{display:block;width:100%;text-align:left;padding:7px;border:0;border-bottom:1px solid #e4eaf0;background:white}#complexStatus{font-size:12px}.address-result.selected{background:#e2efff!important} #addressCandidates .unit-floor-heading{margin:0;padding:7px 10px;background:#edf2f7;color:#33465a;font-size:13px;border-bottom:1px solid #dce4ed} .compact-options{border:1px solid #dce4ed;border-radius:4px;margin:0;padding:8px;display:flex;flex-wrap:wrap;gap:8px 16px}.compact-options legend{font-size:12px;color:#526174;padding:0 4px}.compact-options label{display:inline-flex;align-items:center;gap:5px;font-weight:normal}.compact-options input[type=checkbox]{width:15px;height:15px;margin:0}.registration-group h2{font-size:15px;margin:0 0 10px}.site-destinations{font-size:13px;color:#36536b}.registration-group .fields{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.registration-group .fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.registration-group .fields{grid-template-columns:1fr}} /* Compact per-site outcomes: preserve the office table density. */ #savedListingsTable .site-result-detail{display:block;font-size:11px;line-height:1.35;color:#536279;max-width:155px;white-space:normal;margin-top:3px} #savedListingsTable .site-result-issue{color:#9b3e16} #savedListingsTable [data-stage="running"],#savedListingsTable [data-stage="queued"]{background:#f2f6fc} #savedListingsTable [data-stage="result-save-required"],#savedListingsTable [data-stage="submitted-unverified"],#savedListingsTable [data-stage="automation-error"]{background:#fff6ed} #savedListingsTable button:focus-visible{outline:2px solid #2563eb;outline-offset:2px} #batchSummary{font-size:13px;font-weight:600;margin:6px 0 10px} /* Deleted-listing archive: local responsive/read-only layout improvement (2026-10-10). */ #archiveView .listing-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 14px} #archiveView .listing-toolbar label.wide{display:flex;flex:1 1 370px;align-items:center;gap:10px;min-width:0} #archiveView #archiveSearch{box-sizing:border-box;flex:1 1 260px;width:100%;min-width:180px;max-width:540px;min-height:38px;padding:9px 12px;border:1px solid #d7e0ec;border-radius:8px} #archiveView #archiveCategory{box-sizing:border-box;min-width:150px;min-height:38px;padding:7px 10px;border:1px solid #d7e0ec;border-radius:8px} #archiveList .archive-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;background:#f2f6fb;border-radius:9px;font-weight:700;color:#294867} #archiveList .archive-refresh,#archiveList .archive-pager button{background:white;border:1px solid #cbd9e8;color:#24517c;border-radius:8px;padding:8px 13px;min-height:34px;cursor:pointer} #archiveList .archive-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0;margin-top:12px;color:#50647b} #archiveList .archive-pager button:disabled{opacity:.4;cursor:default} #archiveList .archive-warning{color:#995b05;background:#fff9e8;padding:10px 12px;border-radius:8px} #archiveList .archive-row{display:grid;grid-template-columns:75px minmax(0,1fr) auto auto auto;align-items:center;gap:9px;min-width:0;padding:12px 10px;border-bottom:1px solid #e7edf4} #archiveList .archive-row span{min-width:0;overflow-wrap:anywhere;line-height:1.55} #archiveList .archive-row button{min-height:34px;padding:6px 11px;border-radius:8px} #archiveList .archive-row .archive-permanent-delete{background:#fff;color:#a23535;border:1px solid #e5b5b5} @media(max-width:950px){#archiveList .archive-row{grid-template-columns:75px minmax(0,1fr) auto auto}#archiveList .archive-row .archive-permanent-delete{grid-column:4}} @media(max-width:620px){#archiveView .listing-toolbar label.wide{flex-wrap:wrap}#archiveView .listing-toolbar label.wide #archiveSearch{max-width:none}#archiveList .archive-row{grid-template-columns:1fr 1fr;gap:8px}#archiveList .archive-row strong,#archiveList .archive-row span{grid-column:1/-1}#archiveList .archive-row .archive-permanent-delete{grid-column:auto}} /* enterprise.css */ :root{--ink:#22354b;--muted:#748397;--line:#dde5ed;--blue:#244b70;--soft:#f1f5f9;--teal:#456c66} html{scroll-padding-bottom:90px} .entry-sections{display:flex;gap:4px;flex-wrap:wrap;margin:-3px 0 15px}.entry-sections a{color:#728397;font-size:11px;text-decoration:none;padding:4px 11px;border-right:1px solid #dfe5ec}.entry-sections a:first-child{padding-left:0;color:#254f76;font-weight:600}.entry-sections a:last-child{border-right:0}.entry-sections a:hover{color:#254f76;text-decoration:underline}.registration-group,#ownerFields{scroll-margin-top:14px} body{background:#f3f5f8;color:var(--ink);font-family:"Segoe UI","Malgun Gothic",sans-serif;font-size:13px;line-height:1.5} .brand-header{height:68px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);padding:0 max(24px,calc((100% - 1380px)/2));gap:28px;justify-content:flex-start} .brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand img{width:157px;height:40px;object-fit:contain}.brand-divider{height:24px;width:1px;background:var(--line);margin:0!important}.brand-product{font-size:15px;font-weight:650;letter-spacing:-.5px}.brand-product small{display:block;font-size:8px;font-weight:500;letter-spacing:1.4px;color:var(--muted)} .brand-header nav:not(.utility-nav){height:100%;gap:8px;margin-left:22px}.brand-header nav button{background:transparent;color:#67798c;font-size:14px;border-radius:0;padding:0 19px;border-bottom:3px solid transparent;min-width:98px}.brand-header nav button.active{color:var(--blue);background:transparent;border-bottom-color:var(--blue)}.brand-header nav button:hover{background:#f4f7fa;color:var(--blue)}.brand-header .utility-nav{margin-left:auto}.brand-header .utility-nav button{font-size:12px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:5px}.brand-header .utility-nav span{margin:0;color:inherit;font-size:12px} .work-navigation{background:#fff;border-bottom:1px solid var(--line)}.work-navigation-inner{max-width:1380px;margin:auto;display:flex;align-items:center;gap:24px;padding:9px 24px;flex-wrap:wrap}.work-navigation nav{align-items:center;gap:4px;flex-wrap:wrap}.nav-caption{font-size:10px;letter-spacing:.5px;font-weight:700;color:#8593a1;margin-right:8px}.work-navigation a{text-decoration:none;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:550;color:var(--blue);background:#eff4fa}.work-navigation a:hover{background:#dfeaf6}.work-navigation .reference-nav{margin-left:auto}.reference-nav a{color:var(--teal);background:#edf3f0}.reference-nav a:hover{background:#dceae3} main,.view{max-width:1380px}main{padding:0 24px 32px}.intro,.intro.compact{padding:23px 0 18px;align-items:center}.intro h1{font-size:23px;letter-spacing:-.8px;font-weight:700;margin-bottom:5px}.intro p{font-size:12px;color:var(--muted)}.entry-flow{display:flex;gap:12px;align-items:center;color:#8291a2;font-size:11px}.entry-flow b{color:var(--blue);font-weight:650}.entry-flow span{color:#bac6d1}.source-badge{font-size:11px;color:var(--blue);padding:4px 9px;border:1px solid #d9e3ee;border-radius:4px;background:#f8fafc} .panel{border:1px solid var(--line);border-radius:7px;padding:17px 20px;background:#fff;margin-bottom:12px}.panel h2{font-size:13px;font-weight:700;letter-spacing:-.2px;border-bottom:1px solid #edf0f4;padding-bottom:10px;margin-bottom:13px;color:#30465c}.fields{gap:13px 18px;grid-template-columns:repeat(4,minmax(0,1fr))}.fields label{font-size:11px;font-weight:600;color:#64758a}.fields input,.fields select,.fields textarea{border:1px solid #d8e0e9;padding:7px 10px;min-height:34px;border-radius:4px;font-size:13px;color:var(--ink);font-weight:400;margin-top:5px;transition:border-color .15s,box-shadow .15s}.fields input:focus,.fields select:focus,.fields textarea:focus{outline:none;border-color:#6f91b6;box-shadow:0 0 0 3px #315c8c0d}.fields input::placeholder,.fields textarea::placeholder{color:#a6b1bd;font-size:12px}.fields input[readonly]{background:#f7f9fc}.fields textarea{line-height:1.7} button{font-family:inherit;font-size:12px;font-weight:600;padding:7px 12px;min-height:30px;color:#40566d;background:#edf1f6;border:1px solid transparent;border-radius:4px}button:hover:not(:disabled){background:#e0e8f1}.save{background:var(--blue);color:#fff}.save:hover:not(:disabled){background:#1c405f}.additional-fields{border-top:1px solid #edf1f5;margin-top:14px;padding-top:10px}.additional-fields summary{font-size:11px;color:#6e7f93;font-weight:550;list-style-position:inside}.additional-fields[open] summary{margin-bottom:14px}.additional-fields .compact-options{padding:10px}.compact-options legend{font-size:11px}.compact-options label{font-size:12px!important;font-weight:400!important} #registration-facilities .additional-fields{border:0;margin:0;padding:0}#ownerFields{background:#fafbfd}#ownerFields .fields{grid-template-columns:repeat(3,minmax(0,1fr))}#ownerFields .owner-summary{font-size:11px}.entry-savebar{position:sticky;bottom:0;z-index:3;border:1px solid var(--line);background:#ffffffed;padding:11px 18px;border-radius:7px;box-shadow:0 -3px 15px #20364f05}.entry-savebar .save{min-width:110px}.entry-savebar #status{font-size:12px}#results{display:none}.photo-picker{grid-column:1/-1}.photo-picker input{border-style:dashed;background:#fafcfe;padding:12px}.photo-picker small{font-size:11px;color:var(--muted)} #listView>.panel{padding:17px}.batch-panel{padding:0;border:0;margin-top:18px}.batch-panel h2{font-size:12px}.batch-toolbar{gap:14px;margin:10px 0}.batch-toolbar label{font-size:12px;font-weight:500}.batch-panel>small{font-size:11px;color:#8593a1}#batchSummary{font-size:12px;font-weight:550;color:#53677e;padding:8px 0}#listingSearch{margin-left:12px;border:1px solid #d5dfe9;border-radius:4px;padding:8px 11px;min-width:320px;font-size:12px}#listView select{padding:6px 9px;border:1px solid #d8e0e9;border-radius:4px;color:#40566d;background:#fff}.batch-scroll{border:1px solid var(--line);border-radius:5px;max-height:65vh}#savedListingsTable{font-size:12px;min-width:1250px}#savedListingsTable th{padding:10px 8px;font-size:11px;font-weight:600;background:#f3f6fa;color:#718196;border:0;border-bottom:1px solid var(--line);z-index:1}#savedListingsTable td{padding:10px 8px;border:0;border-bottom:1px solid #edf1f5;vertical-align:middle;font-variant-numeric:tabular-nums}#savedListingsTable tbody tr:nth-child(even){background:#fbfcfe}#savedListingsTable tbody tr:hover{background:#f0f5fb}#savedListingsTable td:nth-child(5){white-space:normal;min-width:180px;max-width:240px;color:#243f59;font-weight:600}#savedListingsTable td:nth-child(6){min-width:0;max-width:none;white-space:nowrap;font-weight:500}#savedListingsTable button{font-size:11px;padding:3px 6px;min-height:26px;background:#f0f4f8;color:#5b7085;font-weight:550}#savedListingsTable [data-stage=registered] button{color:#36765e;background:#edf6f0}#savedListingsTable .site-result-detail{font-size:10px;font-weight:400;max-width:100px;overflow-wrap:anywhere}#savedListingsTable td:nth-child(7),#savedListingsTable td:nth-child(8),#savedListingsTable td:nth-child(9){text-align:right}#listView details>summary{font-size:11px;color:#8191a3;margin-top:12px}.owner-summary button{font-size:11px} @media(min-width:1500px){main,.view{max-width:1440px}.work-navigation-inner{max-width:1440px}} @media(max-width:900px){.brand-header{gap:12px;padding:0 16px}.brand-product,.brand-divider{display:none}.brand-header nav:not(.utility-nav){margin-left:0}.work-navigation-inner{padding:9px 16px;gap:8px}.work-navigation .reference-nav{margin-left:0}.entry-flow{display:none}main{padding:0 12px 20px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:14px}.brand img{width:125px;height:33px}} @media(max-width:540px){.brand-header{height:auto;min-height:60px;flex-wrap:wrap;padding:8px 12px;gap:5px}.brand-header nav:not(.utility-nav){order:3;width:100%;height:38px;justify-content:center}.brand-header nav button{flex:1;font-size:13px}.brand-header .utility-nav{margin-left:auto}.work-navigation-inner{padding:8px 12px}.work-navigation a{font-size:11px;padding:4px 7px}.nav-caption{font-size:9px}#listingSearch{min-width:0;width:100%;margin:5px 0 0}#ownerFields .fields{grid-template-columns:1fr}.source-badge{display:none}.intro h1{font-size:21px}.fields .wide{grid-column:1/-1}.entry-savebar{bottom:0;padding:9px 12px}} /* Office CRM visual finish — presentation only; preserve controls and handlers. */ body{background:#f0f3f7;-webkit-font-smoothing:antialiased} .brand-header{border-top:3px solid #233f5c;box-shadow:0 2px 8px #203a5410} .brand-product{color:#243f59;font-weight:700}.brand-product small{color:#7b8d9e} .brand-header nav:not(.utility-nav){align-items:center;gap:6px} .brand-header nav:not(.utility-nav) button{height:38px;border:1px solid transparent;border-radius:5px;padding:0 20px;font-weight:650} .brand-header nav:not(.utility-nav) button.active{background:#e8eff7;color:#203f60;border-color:#cfdae8;box-shadow:inset 3px 0 #315d85} .brand-header .utility-nav button{background:#fff;border-color:#dce4ec;color:#64778c} .work-navigation{background:#fafbfd}.work-navigation-inner{padding-top:10px;padding-bottom:10px} .work-navigation a{border:1px solid #e0e8f1;background:#f1f5fa;transition:background .15s,border-color .15s} .reference-nav a{border-color:#dfe9e5;background:#f0f5f3} .intro,.intro.compact{padding-top:26px;padding-bottom:18px}.intro h1{font-size:24px;color:#203a53;letter-spacing:-.9px}.intro p{line-height:1.7} .entry-sections{padding:7px 8px;background:#e9eef4;border:1px solid #dde5ee;border-radius:6px;margin-bottom:18px;gap:3px} .entry-sections a,.entry-sections a:first-child{padding:5px 12px;border:0;border-radius:4px;color:#65788e;font-weight:600} .entry-sections a:first-child{background:#fff;color:#274c6f;box-shadow:0 1px 3px #233f5910}.entry-sections a:hover{background:#fff;text-decoration:none;color:#274c6f} .panel{border-color:#dce4ed;border-radius:7px;padding:19px 22px;margin-bottom:16px;box-shadow:0 2px 5px #233c5605,0 5px 16px #233c5604} .panel h2{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#2b4761;padding-bottom:12px;margin-bottom:16px;border-bottom-color:#e8edf3} .panel h2::before{content:"";width:3px;height:15px;flex-shrink:0;border-radius:1px;background:#6686a3} .fields{gap:15px 20px}.fields label{font-size:12px;font-weight:600;color:#566b80} .fields input,.fields select,.fields textarea{background-color:#fff;border-color:#d4dee8;border-radius:5px;min-height:35px;box-shadow:inset 0 1px 2px #233c5604} .fields input:hover:not(:disabled),.fields select:hover:not(:disabled),.fields textarea:hover:not(:disabled){border-color:#aabed1} .fields input:focus,.fields select:focus,.fields textarea:focus,#listingSearch:focus{border-color:#527b9e;outline:none;box-shadow:0 0 0 3px #315c8c16} .fields input[readonly]{background:#f4f7fa;color:#586f85}.fields input::placeholder,.fields textarea::placeholder{color:#91a0b0} button{border:1px solid #d7e1eb;background:#f5f8fb;border-radius:5px;box-shadow:0 1px 2px #213e5910;transition:background .15s,border-color .15s,box-shadow .15s} button:hover:not(:disabled){border-color:#b9cbdc;background:#eaf1f8;box-shadow:0 2px 4px #213e5912} button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #527b9e;outline-offset:3px} button:disabled{box-shadow:none;opacity:.55}.save{background:#254d72;border-color:#254d72;box-shadow:0 2px 4px #254d7226}.save:hover:not(:disabled){background:#1e405f;border-color:#1e405f} input[type=checkbox],input[type=radio]{accent-color:#315b7e} .additional-fields{border-top:1px dashed #dfe6ee;padding-top:13px;margin-top:17px}.additional-fields summary{color:#637c92;font-size:12px;cursor:pointer}.additional-fields summary:hover{color:#284e70} #ownerFields{background:#fbfcfd}.entry-savebar{border-color:#cddae7;background:#fcfdfff5;box-shadow:0 -4px 18px #243f5b0a;padding:12px 20px} .photo-picker input{border-color:#bfcfdf;background:#f6f9fc;border-radius:6px}.photo-picker small{line-height:1.7} #listView>.panel{padding:20px}.batch-toolbar{padding:12px 14px;background:#f3f6fa;border:1px solid #e1e8ef;border-radius:6px;gap:14px} #batchSummary{padding:10px 12px;color:#4c657c;background:#f7f9fc;border-radius:5px;border-left:3px solid #90a9bd} .batch-scroll{border-color:#d8e2ec;border-radius:6px}.batch-panel{box-shadow:none} #savedListingsTable th{background:#edf2f7;color:#526a81;font-weight:700;padding:12px 9px;border-bottom:1px solid #d8e2eb} #savedListingsTable td{padding:11px 9px;border-bottom-color:#e9eef3}#savedListingsTable tbody tr:hover{background:#eaf2f9} #savedListingsTable button{border:1px solid #dce5ee;border-radius:4px;background:#f4f7fa;color:#546c83;box-shadow:none} #savedListingsTable [data-stage=registered] button{color:#306858;background:#eaf4ef;border-color:#cfe3d9} #savedListingsTable [data-stage=registered] button::before{content:"✓ ";font-weight:700} #savedListingsTable [data-stage=failed] button,#savedListingsTable [data-stage=error] button{color:#965454;background:#faf0ef;border-color:#ebd5d1} #savedListingsTable [data-stage=failed] button::before,#savedListingsTable [data-stage=error] button::before{content:"! ";font-weight:700} #savedListingsTable [data-stage=prepared] button,#savedListingsTable [data-stage=review-required] button{color:#886b38;background:#faf5e9;border-color:#e9dec4} @media(max-width:900px){.panel{padding:16px}.fields{gap:13px 16px}} @media(prefers-reduced-motion:reduce){button,.fields input,.fields select,.fields textarea,.work-navigation a{transition:none}} /* Staff review layout: aligned left edge and wider usable desktop workspace. */ main,.view{max-width:none;width:100%;margin:0}main{padding:0 20px 28px} .brand-header{padding:0 20px;gap:14px;height:64px}.brand{gap:12px}.brand img{width:145px;height:37px} .brand-header nav:not(.utility-nav){margin-left:0;gap:4px}.brand-header nav:not(.utility-nav) button{padding:0 15px;min-width:88px} .work-navigation-inner{max-width:none;padding:8px 20px;gap:14px}.work-navigation a{padding:4px 8px}.nav-caption{margin-right:4px} .intro,.intro.compact{padding:18px 0 14px}.intro h1{margin-top:4px;font-size:23px}.intro p{margin:4px 0} .registration-group{padding:0 18px 17px;overflow:visible}.registration-group>h2,#ownerFields>h2{margin:0 -18px 16px;padding:11px 18px;background:#edf2f7;border-bottom:1px solid #dce5ee;border-radius:6px 6px 0 0;color:#294963} #ownerFields{padding:0 18px 17px}#ownerFields>h2{background:#edf3f1;color:#355e58}#ownerFields>h2::before{background:#719a91} .fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 17px} .fields .full-width{grid-column:1/-1}.legacy-detail-field{display:none!important} #registration-details textarea[name=description]{min-height:260px;resize:vertical;line-height:1.85} .date-entry{display:flex;align-items:center;gap:6px;position:relative}.date-entry>input[name]{min-width:0;width:100%}.date-entry>button{margin-top:5px;white-space:nowrap;flex-shrink:0} .date-entry>input[type=date]{position:absolute;bottom:0;left:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none} #savedListingsTable{font-size:13px}#savedListingsTable th{font-size:12px;color:#3b5873;background:#e5edf5;padding:13px 10px} #savedListingsTable td{padding:13px 10px;color:#40576c}#savedListingsTable td:nth-child(5){color:#203f5b;font-weight:700} #savedListingsTable td:nth-child(7){color:#203f5b;font-weight:700;font-size:14px} .listing-badge{display:inline-block;white-space:nowrap;padding:3px 7px;border:1px solid #dbe5ef;border-radius:4px;background:#eef3f8;color:#405e7b;font-size:11px;font-weight:600} .listing-badge.trade{background:#edf5f2;border-color:#d7e8e1;color:#3e6c60} #savedListingsTable .site-result-detail{display:block;margin-top:4px;color:#60758a;line-height:1.4} #savedListingsTable [data-stage=running] button{color:#2f5d87;background:#e8f1fa;border-color:#c9dceb} #savedListingsTable [data-stage=prepared] button,#savedListingsTable [data-stage=prepared-review-required] button,#savedListingsTable [data-stage=input-required] button,#savedListingsTable [data-stage=login-required] button{color:#80632f;background:#f8f3e8;border-color:#e8ddc5} @media(max-width:900px){main{padding:0 14px 24px}.brand-header{padding:0 14px}.work-navigation-inner{padding:8px 14px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:540px){.brand-header{height:auto;min-height:64px;padding:8px 14px;gap:6px}.brand-header nav:not(.utility-nav){height:38px}.work-navigation-inner{gap:8px}.entry-sections{gap:0}.entry-sections a,.entry-sections a:first-child{padding:5px 8px}} .work-navigation-inner{justify-content:center} .work-navigation .reference-nav{margin-left:0} /* sidebar.css */ /* Navigation presentation only. Existing menu controls and handlers are relocated. */ #officeSidebar{display:flex;flex-direction:column} #officeSidebar .sidebar-top{flex-shrink:0} #sidebarGroups{display:flex;flex-direction:column;flex:1;min-height:min-content} #officeSidebar #workNavigation{margin-top:0;padding-top:12px} #officeSidebar #workNavigation,#officeSidebar #referenceNavigation{flex-shrink:0;gap:1px;padding-bottom:7px} body #officeSidebar #workNavigation a,body #officeSidebar #referenceNavigation a{font-size:12px;min-height:29px;padding:5px 9px;font-weight:500;gap:8px} body #officeSidebar #workNavigation button[data-work-site]{font-size:12px;min-height:29px;padding:5px 9px;font-weight:550;gap:8px} body #officeSidebar #workNavigation button[data-work-site].active{background:#294f72;border-color:#294f72;color:#fff;box-shadow:inset 3px 0 #98bbd7} body #officeSidebar a[data-work-site].active{background:#294f72;border-color:#294f72;color:#fff;box-shadow:inset 3px 0 #98bbd7} body #officeSidebar #workNavigation svg,body #officeSidebar #referenceNavigation svg{width:14px;height:14px} body #officeSidebar #workNavigation .nav-caption,body #officeSidebar #referenceNavigation .nav-caption{font-size:10px;margin-bottom:3px} body.has-sidebar{--sidebar-width:191px;--header-height:64px} body.sidebar-collapsed{--sidebar-width:54px} .has-sidebar .brand-header{position:sticky;top:0;z-index:15;height:var(--header-height);min-height:var(--header-height);flex-wrap:nowrap;padding:0 18px} .has-sidebar .brand-header .brand-product{font-size:14px}.has-sidebar .brand-header .utility-nav{margin-left:auto} .brand-header .brand-refresh{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer} .brand-header .brand-refresh:focus-visible{outline:2px solid #2f6591;outline-offset:3px;border-radius:3px} .brand-header .brand-refresh img{display:block} .has-sidebar .work-navigation[hidden]{display:none} #officeSidebar{position:fixed;top:var(--header-height);bottom:0;left:0;width:var(--sidebar-width);z-index:14;background:#e9eff5;border-right:1px solid #cfdae5;overflow-y:auto;overflow-x:hidden;padding:10px 11px 16px;scrollbar-width:thin;scrollbar-color:#aebdcb transparent} .sidebar-top{height:30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 2px} .sidebar-caption{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#617b92} #sidebarToggle{display:flex;justify-content:center;align-items:center;padding:5px;min-height:26px;border:0;background:transparent;box-shadow:none;color:#54728c} #officeSidebar svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round} #officeSidebar .sidebar-group{display:flex;flex-direction:column;gap:4px;margin:0;padding:14px 0;border-top:1px solid #d2dee8} #officeSidebar .sidebar-main{padding-top:0;border:0} #officeSidebar .nav-caption{display:block;font-size:10px;letter-spacing:.4px;font-weight:600;color:#6b8195;margin:0 0 5px;padding:0 10px} #officeSidebar button[data-view],#officeSidebar button[data-work-site],#officeSidebar a{display:flex;align-items:center;gap:12px;width:100%;min-height:34px;padding:7px 11px;border:1px solid transparent;border-radius:4px;color:#46637d;text-decoration:none;background:transparent;box-shadow:none;font-size:12px;font-weight:550;text-align:left;white-space:nowrap} #officeSidebar .sidebar-main button{font-size:13px;font-weight:650;min-height:38px;color:#294c6b} #officeSidebar button[data-view]:hover,#officeSidebar button[data-work-site]:hover,#officeSidebar a:hover{background:#dfe8f1;border-color:#d3dfeb;color:#244b70} #officeSidebar button[data-view].active{background:#294f72;border-color:#294f72;color:#fff;box-shadow:inset 3px 0 #98bbd7,0 2px 4px #203f5912} #officeSidebar .reference-nav a{color:#4b726b}#officeSidebar .reference-nav a:hover{background:#dcebe5;border-color:#d0e1d9;color:#315e52} .sidebar-collapsed #officeSidebar{padding-left:6px;padding-right:6px} .sidebar-collapsed .sidebar-caption,.sidebar-collapsed #officeSidebar .nav-caption,.sidebar-collapsed .sidebar-label{display:none} .sidebar-collapsed .sidebar-top{justify-content:center} .sidebar-collapsed #officeSidebar button[data-view],.sidebar-collapsed #officeSidebar button[data-work-site],.sidebar-collapsed #officeSidebar a{justify-content:center;padding:8px 0;gap:0} .has-sidebar main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));padding:0 18px 24px;max-width:none;min-width:0} .has-sidebar .view{width:100%;min-width:0}.has-sidebar .registration-group,.has-sidebar #ownerFields{scroll-margin-top:80px} body:has(#work-siteView:not([hidden])){overflow-y:auto} body:has(#work-siteView:not([hidden])) main{height:auto;min-height:calc(100dvh - var(--header-height));padding:0!important;overflow:visible;scrollbar-gutter:auto} body.has-sidebar.simple-entry main>#work-siteView:not([hidden]){display:block;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0;overflow:visible} #work-siteView .work-portal-frame{display:block;width:100%;height:calc(100dvh - var(--header-height));min-height:520px;border:0;background:#fff} #work-siteView .work-portal-frame[hidden]{display:none} .work-portal-notice{max-width:620px;margin:40px auto;padding:24px;background:#fff;border:1px solid #dce5ed;border-radius:8px;line-height:1.7;color:#36526c} .work-portal-notice[hidden]{display:none} .work-portal-notice a{color:#245c91;text-decoration:underline} .has-sidebar .entry-sections{gap:0}.has-sidebar .entry-sections a,.has-sidebar .entry-sections a:first-child{padding:5px 9px} @media(min-width:901px) and (max-width:1200px){.has-sidebar:not(.sidebar-collapsed) .fields{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:540px){.has-sidebar .brand-header{padding:0 10px;gap:6px}.has-sidebar .brand img{width:125px}.has-sidebar main{padding:0 9px 20px}.has-sidebar .panel{padding-left:12px;padding-right:12px}.has-sidebar .registration-group>h2,.has-sidebar #ownerFields>h2{margin-left:-12px;margin-right:-12px;padding-left:12px}.has-sidebar .intro h1{font-size:21px}.has-sidebar .fields{gap:12px 9px}.has-sidebar .sidebar-group{gap:3px}} /* Three independent work links and clear footer placement. */ html body.has-sidebar #officeSidebar .sidebar-main > button[data-quick-notes-menu]{ display:flex;align-items:center;gap:12px;width:100%;min-height:38px;padding:7px 11px; border:1px solid #496884;border-radius:5px;background:#183959;color:#f7fbff; font-size:13px;font-weight:700;text-align:left;cursor:pointer; } html body.has-sidebar #officeSidebar .sidebar-main > button[data-quick-notes-menu]:hover, html body.has-sidebar #officeSidebar .sidebar-main > button[data-quick-notes-menu]:focus-visible{background:#25547c;color:#fff} #officeSidebar .sidebar-memo-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;font-size:17px} html body.has-sidebar #officeSidebar .sidebar-main > #auctionLabSidebarLink{ display:flex;align-items:center;gap:10px;min-height:38px;margin:4px 0!important; padding:6px 10px!important;border:1px solid #527294!important;border-radius:6px!important; background:#1c4268!important;color:#fff!important;font-size:13px!important;font-weight:750!important; } html body.has-sidebar #officeSidebar .sidebar-main > #auctionLabSidebarLink:hover, html body.has-sidebar #officeSidebar .sidebar-main > #auctionLabSidebarLink:focus-visible{background:#285985!important;color:#fff!important} html body.has-sidebar #officeSidebar .sidebar-main > #auctionLabSidebarLink::before{width:25px;height:25px} html body.has-sidebar #officeSidebar .sidebar-main > .youtube-menu{ display:flex!important;align-items:center;gap:10px;min-height:38px;padding:7px 10px!important; border:1px solid transparent;border-radius:6px;color:#f7fbff!important;font-size:12px!important; } html body.has-sidebar #officeSidebar .sidebar-main > .youtube-menu:hover{background:#25547c!important;color:#fff!important} html body.has-sidebar #officeSidebar .sidebar-main > .youtube-menu-icon{display:none} html body.has-sidebar #officeSidebar .sidebar-main > .youtube-menu .youtube-menu-icon{ display:inline-flex!important;position:relative;flex:none;width:20px;height:14px; border-radius:4px;background:#ff0033;color:transparent;font-size:0!important; } html body.has-sidebar #officeSidebar .sidebar-main > .youtube-menu .youtube-menu-icon::after{ content:"";position:absolute;left:8px;top:4px;width:0;height:0; border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #fff; } html body.has-sidebar #officeSidebar > .sidebar-archive-footer{ flex:0 0 auto;margin-top:auto!important;padding:8px 0 0;border-top:1px solid #496884;background:#102844; } /* fast-entry.css */ #officeSidebar{background:#244766;border-right-color:#1e3e5c;box-shadow:3px 0 10px #1c375514} #officeSidebar .sidebar-caption,#officeSidebar .nav-caption,#sidebarToggle{color:#a9bfd3} #officeSidebar .sidebar-group{border-top-color:#3c5b76} #officeSidebar button[data-view],#officeSidebar a,#officeSidebar .sidebar-main button{color:#e6eef6} #officeSidebar button[data-view]:hover,#officeSidebar a:hover{background:#355b7c;border-color:#476d8d;color:#fff} #officeSidebar button[data-view].active{background:#416f95;border-color:#547fa1;box-shadow:inset 3px 0 #b1d7f1,0 2px 4px #102d4920;color:#fff} #officeSidebar .reference-nav a{color:#c1dfda}#officeSidebar .reference-nav a:hover{background:#365f70;border-color:#527985;color:#effffb} .fast-entry .panel{margin-bottom:12px}.fast-entry .registration-group>h2{padding-top:9px;padding-bottom:9px;margin-bottom:13px} .fast-entry .fields{gap:11px 15px}.fast-entry .fields input,.fast-entry .fields select{min-height:33px;padding:6px 9px} .area-pair{display:flex;align-items:center;gap:5px}.area-pair input{min-width:0;flex:1;width:0}.area-pair span{font-size:11px;font-weight:400;color:#6f8192;flex-shrink:0} .amount-reading{display:block;font-size:10px;font-weight:400;color:#658099;min-height:0;margin-top:2px} .fast-entry #addressDialog{width:min(760px,92vw);max-width:92vw;padding:26px;border:1px solid #ccd8e3;border-radius:8px;box-shadow:0 18px 70px #142d4b30} .fast-entry #addressDialog::backdrop{background:#182d4466} .fast-entry #addressDialog h2{font-size:22px;margin:0 0 18px;color:#244765} .fast-entry .address-searchbar{display:flex;gap:8px;align-items:center;padding-right:0} .fast-entry #addressDialogQuery{flex:1;min-width:0;height:44px;border:1px solid #9cb6cc;border-radius:5px;padding:10px 13px;font-size:15px} .fast-entry #addressDialogSearch{height:44px;background:#2a5378;color:white;padding:0 20px} .fast-entry #addressDialogClose{position:absolute;right:18px;top:17px;font-size:24px;padding:0 9px;background:transparent;border:0;box-shadow:none} .address-help{font-size:12px;color:#718599;margin:12px 0}.address-quick{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.address-quick small{width:100%;color:#5f788d}.address-quick button{font-size:12px;padding:5px 9px;max-width:100%;white-space:normal} .fields .segment-source{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}.choice-segment{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.choice-segment button{font-size:12px;min-height:33px;padding:6px 11px;font-weight:500;background:#f6f9fc;border-color:#d6e0e9} .choice-segment [aria-checked=true]{background:#e3edf7;border-color:#7295b4;color:#234d72;font-weight:700;box-shadow:inset 0 0 0 1px #7295b420} .fast-entry #registration-price label:has([name=tradeType]){grid-column:1/-1} .facility-primary{margin-bottom:12px;grid-template-columns:repeat(4,minmax(0,1fr))} .fee-detail{margin-top:12px;padding:14px;background:#f5f8fb;border:1px solid #dce5ed;border-radius:5px}.fee-detail[hidden]{display:none} .fee-detail label{font-size:12px;color:#4c667d}.fee-detail input:not([type=checkbox]),.fee-item select{padding:7px;border:1px solid #cbd9e5;border-radius:4px;background:white;min-width:0} .fee-exception{display:flex;gap:7px;align-items:center;margin-bottom:14px}.fee-detail>label:not(.fee-exception){display:flex;align-items:center;gap:14px;margin-bottom:12px}.fee-detail>label>input:not([type=checkbox]){width:120px} .fee-items{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.fee-item{display:grid;grid-template-columns:52px minmax(85px,1fr) minmax(65px,1fr);gap:7px;align-items:center;font-size:12px;color:#435e77} .fee-item input:disabled{background:#eaf0f5;color:#8394a3}.fee-total{font-size:12px;color:#2d5a79;border-top:1px solid #dde6ee;padding-top:11px;margin-bottom:0} @media(max-width:700px){.fee-items{grid-template-columns:1fr}.facility-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.fast-entry #addressDialog{padding:20px 14px}.area-pair{flex-wrap:wrap}} .fast-entry .entry-sections{position:sticky;top:64px;z-index:11;padding:5px 7px;background:#edf2f7f5;box-shadow:0 2px 5px #183c5510} .fast-entry .entry-sections a:first-child{background:transparent;box-shadow:none;color:#65788e} .fast-entry .entry-sections a.section-active{background:#fff;color:#244e73;box-shadow:inset 0 -2px #476e92,0 1px 3px #233f5910;font-weight:700} .has-sidebar .registration-group,.has-sidebar #ownerFields{scroll-margin-top:var(--entry-scroll-offset,120px)} .fast-entry .fee-detail[hidden],.fast-entry .fee-detail [hidden],.fast-entry #registration-fees [hidden],.fast-entry .address-quick[hidden]{display:none!important} .quick-intake{border:1px solid #bfd6ea;background:#f8fbff} .quick-intake h2{margin:0 0 10px;color:#174b78} .quick-intake-fields{display:grid;grid-template-columns:2fr 1fr;gap:8px 12px} .quick-intake-fields label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:700} .quick-intake-fields input,.quick-intake-fields textarea{box-sizing:border-box;width:100%;min-height:34px} .quick-intake-fields .quick-details{grid-column:1/-1} .quick-intake-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:10px} #quickIntakeStatus{font-size:12px;color:#31556f} .fast-entry #addressCandidates .address-result{display:block;width:100%;text-align:left;padding:12px 14px;white-space:normal} .fast-entry #addressCandidates .address-result:hover,.fast-entry #addressCandidates .address-result:focus-visible{background:#edf5ff;outline:2px solid #6f9cca;outline-offset:-2px} .fast-entry .address-result-line{display:block;line-height:1.55} .fast-entry .address-result-line small{display:inline-block;min-width:40px;color:#496887;font-size:12px;font-weight:700} .fast-entry .address-result-building{display:block;margin:4px 0 0 40px;color:#526174;font-size:12px} @media(max-width:720px){.quick-intake-fields{grid-template-columns:1fr}} /* compact-list.css */ /* One listing, two visual rows. Keep existing table cells and action handlers. */ #listView .batch-scroll{container-type:inline-size;overflow-x:hidden;overflow-y:auto;max-height:68vh;border:1px solid #d7e2ec;background:#fff} #savedListingsTable{display:block;width:100%;min-width:0!important;border-collapse:collapse;table-layout:fixed} #savedListingsTable thead,#savedListingsTable tbody{display:block;width:100%} #savedListingsTable thead{position:sticky;top:0;z-index:2;background:#e7eef6} #savedListingsTable tr{display:grid;grid-template-columns:26px repeat(11,minmax(0,1fr));column-gap:6px;row-gap:7px;align-items:center;padding:12px 10px;min-width:0} #savedListingsTable thead tr{padding-top:9px;padding-bottom:9px;row-gap:0} #savedListingsTable th,#savedListingsTable td{display:block;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left;line-height:1.45} #savedListingsTable tbody tr{border-bottom:1px solid #e2e9f1;transition:background .12s} #savedListingsTable tbody tr:last-child{border-bottom:0} #savedListingsTable tbody tr:has(input[type=checkbox]:checked){background:#edf5fc;box-shadow:inset 3px 0 #5d88aa} #savedListingsTable tr:focus-visible{outline:2px solid #537b9e;outline-offset:-2px} #savedListingsTable th:nth-child(1),#savedListingsTable td:nth-child(1){grid-column:1;grid-row:1} #savedListingsTable th:nth-child(2),#savedListingsTable td:nth-child(2){grid-column:2;grid-row:1} #savedListingsTable th:nth-child(3),#savedListingsTable td:nth-child(3){grid-column:3 / 5;grid-row:1} #savedListingsTable th:nth-child(4),#savedListingsTable td:nth-child(4){grid-column:5;grid-row:1} #savedListingsTable th:nth-child(5),#savedListingsTable td:nth-child(5){grid-column:6 / 10;grid-row:1} #savedListingsTable th:nth-child(6),#savedListingsTable td:nth-child(6){grid-column:10;grid-row:1} #savedListingsTable th:nth-child(7),#savedListingsTable td:nth-child(7){grid-column:11 / 13;grid-row:1;text-align:right} #savedListingsTable th:nth-child(n+8){display:none} #savedListingsTable td:nth-child(5),#savedListingsTable td:nth-child(7){font-weight:700;color:#203e58;font-size:13px} #savedListingsTable td:nth-child(8){grid-column:2;grid-row:2} #savedListingsTable td:nth-child(9){grid-column:3;grid-row:2} #savedListingsTable td:nth-child(10){grid-column:4 / 6;grid-row:2} #savedListingsTable td:nth-child(11){grid-column:6 / 8;grid-row:2} #savedListingsTable td:nth-child(12){grid-column:8;grid-row:2} #savedListingsTable td:nth-child(13){grid-column:9;grid-row:2} #savedListingsTable td:nth-child(14){grid-column:10;grid-row:2} #savedListingsTable td:nth-child(15){grid-column:11;grid-row:2} #savedListingsTable td:nth-child(16){grid-column:12;grid-row:2} #savedListingsTable td:nth-child(n+8){font-size:11px;color:#4b657b;text-align:left;align-self:start;padding-top:7px!important;border-top:1px solid #edf1f5!important} #savedListingsTable td:nth-child(n+8)::before{content:attr(data-label);display:block;font-size:10px;font-weight:500;line-height:1.3;color:#6c8296;margin-bottom:4px} #savedListingsTable td:nth-child(n+12){text-align:center} #savedListingsTable td:nth-child(n+12)>button{font-size:11px;line-height:1.4;padding:3px 2px;min-height:25px;max-width:100%;width:100%;white-space:nowrap;letter-spacing:-.3px} #savedListingsTable [data-stage=registered] button::before,#savedListingsTable [data-stage=failed] button::before{content:none} #savedListingsTable .listing-badge{max-width:100%;white-space:normal;padding:3px 5px;font-size:11px} #savedListingsTable .site-result-detail{display:block;max-width:100%;font-size:9px;line-height:1.35;margin-top:3px;white-space:normal;overflow-wrap:anywhere} #savedListingsTable .site-result-issue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #savedListingsTable [data-stage=submitted-unverified] button,#savedListingsTable [data-stage=publication-not-confirmed] button,#savedListingsTable [data-stage=confirmation-required] button{background:#f8f1e3;color:#83642d;border-color:#e8dbc2} #savedListingsTable [data-stage=automation-error] button,#savedListingsTable [data-stage=submission-rejected] button{background:#faf0ef;color:#965454;border-color:#e8cfcc} #listView .batch-toolbar{flex-wrap:wrap;gap:8px 13px;padding:9px 11px} #listView #listingSearch{min-width:0;width:min(360px,100%);max-width:100%;margin-left:0} @container (max-width:680px){ #savedListingsTable td:nth-child(8){grid-column:2 / 4}#savedListingsTable td:nth-child(9){grid-column:4 / 6}#savedListingsTable td:nth-child(10){grid-column:6 / 10}#savedListingsTable td:nth-child(11){grid-column:10 / 13} #savedListingsTable td:nth-child(12){grid-column:3 / 5;grid-row:3}#savedListingsTable td:nth-child(13){grid-column:5 / 7;grid-row:3}#savedListingsTable td:nth-child(14){grid-column:7 / 9;grid-row:3}#savedListingsTable td:nth-child(15){grid-column:9 / 11;grid-row:3}#savedListingsTable td:nth-child(16){grid-column:11 / 13;grid-row:3} } @container (max-width:450px){ #savedListingsTable thead th:not(:first-child){display:none}#savedListingsTable thead tr::after{content:'전체 선택';grid-column:2 / 13;font-size:11px;color:#4e6981} #savedListingsTable td:nth-child(2){grid-column:2 / 5}#savedListingsTable td:nth-child(3){grid-column:5 / 10}#savedListingsTable td:nth-child(4){grid-column:10 / 13} #savedListingsTable td:nth-child(5){grid-column:2 / 10;grid-row:2}#savedListingsTable td:nth-child(6){grid-column:10 / 13;grid-row:2} #savedListingsTable td:nth-child(7){grid-column:2 / 13;grid-row:3;text-align:left} #savedListingsTable td:nth-child(8),#savedListingsTable td:nth-child(9),#savedListingsTable td:nth-child(10),#savedListingsTable td:nth-child(11){grid-row:4} #savedListingsTable td:nth-child(n+12){grid-row:5} } /* Deleted listings reuse the regular list row layout. */ .archive-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:10px} .archive-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .archive-row>strong{font-size:13px;color:#52677d} .archive-detail{max-width:min(760px,92vw);max-height:85vh;overflow:auto;border:1px solid #dbe5ea;border-radius:10px;padding:20px} .archive-photo{width:120px;height:90px;object-fit:cover;margin:4px;border-radius:6px} .listing-review-needed{color:#b85c13;font-size:11px;font-weight:700;white-space:nowrap} .listing-review-summary{color:#b85c13;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hana-review{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0;max-width:100%;font-size:11px;line-height:1.35;color:#5d6974} .hana-review-heading{display:inline-flex;align-items:center;gap:4px;font-weight:700;white-space:nowrap} .hana-review-icon{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;font-size:10px;font-weight:800;line-height:1;color:#fff;background:#b76520;flex:none} .hana-review--warning .hana-review-heading{color:#a95c16} .hana-review--confirm .hana-review-heading{color:#b14f3f}.hana-review--confirm .hana-review-icon{background:#bb604f} .hana-review--normal .hana-review-heading{color:#287348}.hana-review--normal .hana-review-icon{background:#328153} .hana-review--sheet.hana-review--normal .hana-review-heading{color:#2364a2}.hana-review--sheet.hana-review--normal .hana-review-icon{background:#2674b9} .hana-review-duplicate{color:#b66818;font-size:10px;font-weight:700;white-space:nowrap} .hana-review-chips{display:inline-flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap} .hana-review-chip,.hana-review-more{padding:1px 4px;border:1px solid #efd5bb;border-radius:4px;background:#fff9f3;color:#99551b;font-size:10px;white-space:nowrap} .hana-review--confirm .hana-review-chip{border-color:#efccc4;background:#fff7f5;color:#a64c3f} .hana-review-ad{color:#42805d;font-size:10px;white-space:nowrap} .hana-review-recent{color:#78838d;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px} #listingList .hana-review{flex:1 1 100%;margin:1px 0 0 4px} #savedListingsList .hana-review{margin-left:2px} #migrationReviewFilter{font-size:12px;border:1px solid #cddae4;border-radius:6px;background:#fff;color:#294d67;padding:6px 8px} .migration-review-history{margin-top:5px;color:#667684;font-size:11px} .migration-review-history summary{cursor:pointer;font-weight:600} .migration-review-history>div{padding:3px 0 2px 10px;border-top:1px solid #edf1f4} @media(max-width:760px){.archive-row{grid-template-columns:56px minmax(0,1fr) auto}.archive-row button:last-child{grid-column:3}} /* readability.css */ /* Hierarchy, not blanket scaling: keep secondary detail compact. */ body{font-size:15px} .fields label{font-size:13px;line-height:1.5} .fields input,.fields select,.fields textarea{font-size:15px;line-height:1.45} .fields input::placeholder,.fields textarea::placeholder{font-size:13px} .fields input,.fields select{min-height:36px} .panel h2{font-size:15px}.additional-fields summary{font-size:13px} .intro p{font-size:13px}.intro h1{font-size:25px} .entry-sections a,.entry-sections a:first-child{font-size:12px} button{font-size:14px;padding:7px 12px} .brand-product,.has-sidebar .brand-header .brand-product{font-size:16px} #officeSidebar button[data-view],#officeSidebar a{font-size:14px;min-height:35px} #officeSidebar .sidebar-main button{font-size:15px;min-height:39px} #officeSidebar .nav-caption{font-size:11px} .brand-header .utility-nav button,.brand-header .utility-nav span{font-size:13px} .entry-savebar #status{font-size:13px} .choice-segment button{font-size:14px}.fee-detail label,.fee-item,.fee-total{font-size:13px} .photo-picker small,.amount-reading,.address-help{font-size:12px} #listView .batch-panel h2{font-size:15px} #listView .batch-toolbar label{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;font-weight:550} #listView .batch-toolbar{gap:9px 17px} #listView input[type=checkbox]{width:17px;height:17px;margin:0;flex-shrink:0;vertical-align:middle;cursor:pointer} #batchSummary{font-size:13px}#listingSearch{font-size:14px} #savedListingsTable th{font-size:13px} #savedListingsTable tbody tr{padding-top:9px;padding-bottom:9px;row-gap:6px} #savedListingsTable td{font-size:14px} #savedListingsTable td:nth-child(5){font-size:15px;font-weight:600;line-height:1.45} #savedListingsTable td:nth-child(6){font-size:15px;font-weight:600;color:#2c4963} #savedListingsTable td:nth-child(7){font-size:15px;font-weight:700;line-height:1.45} #savedListingsTable .listing-badge{font-size:12px;line-height:1.4;padding:3px 5px} #savedListingsTable td:nth-child(n+8){font-size:12px} #savedListingsTable td:nth-child(n+8)::before{font-size:11px;margin-bottom:4px} #savedListingsTable td:nth-child(n+12)>button{font-size:12px;min-height:27px;padding:3px 2px} #savedListingsTable .site-result-detail{font-size:10px;line-height:1.35} #savedListingsTable td:first-child{padding:4px 0!important} #savedListingsTable td:nth-child(n+8){padding-top:4px!important} @media(max-width:540px){#officeSidebar button[data-view],#officeSidebar a{font-size:13px}.fields label{font-size:13px}.fields input,.fields select,.fields textarea{font-size:15px}} /* photo-gallery.css */ .photo-upload-area{grid-column:1/-1;min-width:0}.photo-upload-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-upload-toolbar p{margin:0;font-size:13px;color:#536b80}.photo-upload-all-button{background:#244b70;color:#fff;border:1px solid #244b70;border-radius:5px;padding:7px 12px;font-weight:700;cursor:pointer}.photo-upload-all-button:hover:not(:disabled){background:#173655}.photo-upload-all-button:disabled{opacity:.55;cursor:wait} #photoList.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,132px);gap:8px;margin-top:10px;align-items:start;justify-content:start} .photo-card{min-width:0;border:1px solid #d5dfe8;border-radius:5px;overflow:hidden;background:#fff}.photo-card.is-primary{border-color:#426e96;box-shadow:0 0 0 1px #426e9620} .photo-thumb{display:block;position:relative;width:100%;height:125px;border:0;padding:0;border-radius:0;background:#edf2f6;overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb .photo-number{position:absolute;top:7px;left:7px;color:#fff;background:#203d59e8;border-radius:3px;padding:3px 6px;font-size:11px}.photo-card-info{padding:7px 8px}.photo-filename{font-size:11px;color:#536b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.photo-actions{display:flex;gap:4px;margin-top:6px}.photo-actions button{font-size:11px;min-height:26px;padding:3px 6px}.photo-actions button:last-child{margin-left:auto}.photo-card.drag-over{outline:2px solid #5684ac}.photo-preview-error{font-size:12px;color:#7c5960} #photoPreviewDialog{width:min(1080px,96vw);max-height:96vh;box-sizing:border-box;border:1px solid #b9c9d7;border-radius:8px;padding:12px;background:#f7f9fc}#photoPreviewDialog::backdrop{background:#142536b3}.photo-preview-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.photo-preview-stage{display:flex;align-items:center;justify-content:center;gap:12px;min-height:min(65vh,650px);background:#e9eef3}#photoPreviewImage{display:block;width:auto;height:auto;max-width:calc(100% - 112px);max-height:calc(92vh - 112px);object-fit:contain}.photo-preview-arrow{flex:0 0 44px;width:44px;height:52px;display:grid;place-items:center;padding:0;border:1px solid #d1dbe5;border-radius:8px;background:#fffdf0;color:#214764;font:36px/1 Arial;cursor:pointer}.photo-preview-arrow:hover:not(:disabled){background:#fff;border-color:#8aa9c5}.photo-preview-arrow:disabled{opacity:.35;cursor:default}.photo-preview-arrow:focus-visible{outline:2px solid #2870aa;outline-offset:2px} @media(max-width:600px){#photoPreviewDialog{padding:8px}.photo-preview-stage{gap:4px;min-height:40vh}.photo-preview-arrow{flex-basis:34px;width:34px;height:44px;font-size:28px}#photoPreviewImage{max-width:calc(100% - 76px);max-height:calc(92vh - 100px)}} .photo-card{position:relative;width:132px;box-sizing:border-box;cursor:grab}.photo-card:active{cursor:grabbing} .photo-card .photo-thumb{height:98px;min-height:0}.photo-thumb img{pointer-events:none}.photo-thumb .photo-number{top:auto;bottom:5px;left:5px;padding:2px 5px;font-size:10px;line-height:16px} .photo-card.is-primary .photo-number{background:#203d59}.photo-card:not(.is-primary) .photo-number{background:#203d59b3} .photo-card .photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;min-height:24px;padding:0;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:4px;background:#20354cdb;color:white;font:20px/1 Arial;cursor:pointer} .photo-card .photo-remove:hover{background:#a93838}.photo-card-info{padding:4px}.photo-card .photo-actions{gap:3px;margin:0;align-items:center}.photo-card .photo-actions button{font-size:11px;line-height:18px;min-height:26px;padding:2px 6px}.photo-card .photo-actions button:last-child{flex:1;margin:0;padding-inline:2px}.photo-state{display:block;font-size:10px;line-height:16px;color:#536b80}.photo-state[hidden]{display:none} .photo-card button:focus-visible{outline:2px solid #2674b9;outline-offset:-2px}.photo-upload-area input[type=file][hidden]{display:none!important} @media(max-width:400px){#photoList.photo-grid{grid-template-columns:repeat(auto-fill,120px);gap:6px}.photo-card{width:120px}.photo-card .photo-thumb{height:90px}} /* Compact reference-style tiles, with the ledger's navy controls. */ #photoList.photo-grid{grid-template-columns:repeat(5,104px);gap:10px;margin-top:12px;padding:3px 4px 0 0} .photo-card{width:104px;overflow:visible;border-radius:5px}.photo-card .photo-thumb{height:102px;border-radius:4px} .photo-card .photo-remove{top:-7px;right:-7px;border:2px solid #fff;border-radius:50%;z-index:2;background:#253b50} .photo-thumb .photo-number{top:4px;bottom:auto;left:4px;font-size:10px;line-height:14px;padding:2px 4px} .photo-card-info{position:absolute;bottom:0;left:0;right:0;padding:0}.photo-card .photo-actions{display:block}.photo-card .photo-actions .photo-edit{display:block;width:100%;border:0;border-radius:0 0 4px 4px;background:#20354cbf;color:white;min-height:25px;padding:3px;font-size:12px;line-height:19px;cursor:pointer}.photo-card .photo-edit:hover{background:#20354c} .photo-state{position:absolute;bottom:27px;left:0;right:0;text-align:center;background:#fffE;color:#32485d} .photo-edit-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}.photo-edit-controls[hidden]{display:none}.photo-edit-controls span{font-size:12px;color:#536b80} .photo-card-info{position:relative} .photo-card .photo-actions{display:flex;gap:0} .photo-card .photo-actions .photo-edit{flex:1;width:100%;min-width:0;min-height:28px;padding:3px 0;border:0;border-radius:0 0 4px 4px;background:#244b70;color:#fff;font-size:11px;line-height:22px;white-space:nowrap} .photo-card .photo-actions button:disabled{opacity:.6;cursor:wait} .photo-card .photo-state{bottom:28px;line-height:16px;font-size:10px;z-index:1} .photo-error-details{font-size:10px;line-height:14px;color:#8a3f3f;margin:1px 0 2px;overflow-wrap:anywhere}.photo-error-details summary{cursor:pointer;color:#8a3f3f}.photo-error-details span{display:block;max-height:42px;overflow:auto}.photo-card .photo-actions .photo-retry{flex:none;width:51px;min-width:0;min-height:28px;padding:3px 0;border:0;border-radius:0 0 4px 4px;background:#8a3f3f;color:#fff;font-size:10px;line-height:22px;white-space:nowrap}.photo-card .photo-actions .photo-retry:disabled{opacity:.6;cursor:wait} /* The gallery card uses a small thumbnail; the dialog uses the full photo. */ #photoPreviewDialog{width:min(1400px,98vw);max-height:98vh;padding:12px} .photo-preview-stage{position:relative;height:calc(98vh - 100px);min-height:0;gap:0;background:#e9eef3} #photoPreviewImage{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain} .photo-preview-toolbar strong{margin-right:auto}.photo-preview-edit{background:#244b70;color:#fff;border:0;border-radius:6px;padding:7px 12px;cursor:pointer} .photo-preview-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background:#fffE;box-shadow:0 2px 12px #14253640} .photo-preview-arrow:first-child{left:12px}.photo-preview-arrow:last-child{right:12px} @media(max-width:600px){#photoPreviewDialog{padding:6px}.photo-preview-stage{height:calc(98vh - 80px)}#photoPreviewImage{max-width:100%;max-height:100%}.photo-preview-arrow:first-child{left:3px}.photo-preview-arrow:last-child{right:3px}} /* Drag and paste photos without leaving the listing form. */ .photo-upload-area{position:relative;padding:16px;border:1px solid #dbe4ed;border-radius:12px;background:#f9fbfd;transition:border-color .15s,background .15s,box-shadow .15s} .photo-upload-toolbar{justify-content:space-between;gap:8px 16px;margin-bottom:12px}.photo-upload-toolbar p{flex:1;min-width:200px;line-height:1.5}.photo-upload-toolbar button[hidden]{display:none!important}.photo-camera-button{margin-left:auto} .photo-dropzone{display:flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;width:100%;min-height:124px;padding:20px;border:1.5px dashed #9fb6ca;border-radius:10px;background:#fff;color:#244b70;text-align:left;cursor:pointer;transition:background .15s,border-color .15s} .photo-dropzone:hover:not(:disabled){background:#f0f6fb;border-color:#5684ac}.photo-dropzone:focus-visible{outline:3px solid #5684ac;outline-offset:3px}.photo-dropzone:disabled{cursor:progress;opacity:.75} .photo-drop-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#eaf1f7;color:#426e96;font:30px/1 Arial}.photo-dropzone strong{display:block;font-size:15px;font-weight:700;line-height:1.6}.photo-dropzone small{display:block;margin-top:4px;color:#62798c;font-size:12px;font-weight:400;line-height:1.5} .photo-upload-area.has-photos .photo-dropzone{min-height:96px}.photo-upload-area.is-file-dragover{border-color:#447aa6;background:#edf5fb;box-shadow:0 0 0 3px #5684ac24}.photo-upload-area.is-file-dragover .photo-dropzone{background:#e4f0fa;border-color:#447aa6} .photo-drop-message{margin:10px 0 0;font-size:12px;line-height:1.5;color:#536b80;overflow-wrap:anywhere}.photo-drop-message[hidden]{display:none} #photoList.photo-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:12px;margin-top:14px;padding:0}.photo-card{width:100%;min-width:0;overflow:hidden;border-radius:8px;background:#fff}.photo-card[draggable="false"]{cursor:default}.photo-card .photo-thumb{height:auto;aspect-ratio:4/3;min-height:92px;border-radius:7px 7px 0 0}.photo-card .photo-remove{top:5px;right:5px;border-width:1px}.photo-card .photo-state{position:static;display:block;min-height:19px;padding:3px 4px;box-sizing:border-box;font-size:10px;line-height:16px;background:#f3f7fa}.photo-card .photo-state[hidden]{display:none}.photo-card-info{padding:0}.photo-card .photo-actions .photo-edit{border-radius:0 0 7px 7px} .photo-preview-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:15px;color:#708597;font-size:11px;line-height:1.5;text-align:center}.photo-preview-placeholder[hidden],.photo-thumb img[hidden]{display:none}.photo-error-details{padding:5px 6px;margin:0}.photo-error-details span{max-height:64px} @media(min-width:1000px){#photoList.photo-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}} @media(max-width:600px){.photo-upload-area{padding:12px}.photo-dropzone{padding:16px 12px;gap:10px;min-height:112px}.photo-dropzone strong{font-size:14px}.photo-dropzone small{font-size:11px}.photo-drop-icon{width:34px;height:34px;font-size:26px}#photoList.photo-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px}.photo-upload-toolbar p{min-width:160px;font-size:12px}} @media(prefers-reduced-motion:reduce){.photo-upload-area,.photo-dropzone{transition:none}} @media(pointer:coarse){.photo-dropzone>span:last-child{min-width:0;overflow-wrap:anywhere}.photo-upload-toolbar button,.photo-edit-controls button,.photo-preview-toolbar button{min-height:44px}.photo-card .photo-remove{width:44px;height:44px;min-height:44px;font-size:26px}.photo-card .photo-actions{flex-wrap:wrap}.photo-card .photo-actions .photo-edit,.photo-card .photo-actions .photo-retry{flex:1 1 44px;width:auto;min-width:44px;min-height:44px}.photo-preview-arrow{width:44px;min-width:44px;min-height:44px}} /* Compact single photo intake tile: picker, Explorer drop and Ctrl+V share the same original-file pipeline. */ .photo-upload-area .photo-dropzone{ width:124px; min-width:124px; min-height:88px; height:88px; padding:9px 8px; gap:6px; flex-direction:column; justify-content:center; text-align:center; border-radius:9px; } .photo-upload-area.has-photos .photo-dropzone{min-height:88px;height:88px;} .photo-upload-area .photo-drop-icon{width:28px;height:28px;border-radius:8px;font-size:22px;} .photo-upload-area .photo-dropzone strong{font-size:12px;line-height:16px;} .photo-upload-area .photo-dropzone small{margin-top:1px;font-size:10px;line-height:13px;white-space:nowrap;} .photo-upload-area.is-file-dragover .photo-dropzone{transform:none;box-shadow:0 0 0 3px #5684ac24;} @media(max-width:600px){ .photo-upload-area .photo-dropzone{width:112px;min-width:112px;height:82px;min-height:82px;padding:8px 6px;} .photo-upload-area.has-photos .photo-dropzone{height:82px;min-height:82px;} } /* facilities-compact.css */ /* Dense office layout; retain full labels and comfortable checkbox targets. */ #registration-facilities fieldset.compact-options{ display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); grid-column:1/-1;row-gap:3px;column-gap:10px; padding:6px 9px 7px;margin:0;align-items:start; } #registration-facilities fieldset.compact-options legend{margin:0;padding:0 4px;line-height:18px} #registration-facilities fieldset.compact-options label{ display:flex;align-items:center;gap:5px;min-height:23px; padding:1px 0;margin:0;line-height:18px;cursor:pointer; } #registration-facilities fieldset.compact-options input[type=checkbox]{width:17px;height:17px;min-height:17px;flex:0 0 17px;margin:0;padding:0;cursor:pointer} #registration-facilities .additional-fields>.fields{row-gap:8px;column-gap:10px} #registration-facilities .additional-fields{margin-top:8px;padding-top:6px} #registration-facilities .additional-fields[open]>summary{margin-bottom:7px} #registration-facilities .facility-primary{margin-bottom:8px} @media(max-width:500px){#registration-facilities fieldset.compact-options{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}} #registration-facilities .facility-option-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 7px;padding:0 3px} #registration-facilities .facility-option-header strong{font-size:15px} #registration-facilities .facility-preset{margin-left:auto;display:flex;align-items:center} #registration-facilities .facility-preset>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #registration-facilities .facility-preset select{width:118px;min-width:0;min-height:32px;padding:4px 8px;font:inherit} #registration-facilities .facility-options-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(145px,1fr) minmax(145px,1fr);gap:8px;align-items:stretch} #registration-facilities .facility-options-layout>fieldset.compact-options{grid-column:auto;display:grid;align-content:start;column-gap:7px;row-gap:2px} #registration-facilities .facility-options-layout>.facility-living{grid-template-columns:repeat(3,minmax(0,1fr))} #registration-facilities .facility-options-layout>.facility-security,#registration-facilities .facility-options-layout>.facility-other{grid-template-columns:1fr} #registration-facilities .facility-options-layout>.facility-extra-group{grid-column:1/-1} #registration-facilities .facility-options-layout fieldset.compact-options label{font-size:14px;white-space:nowrap;min-height:25px} #registration-facilities .facility-options-layout>[hidden],#registration-facilities .facility-preset[hidden]{display:none!important} @media(max-width:1050px){#registration-facilities .facility-options-layout{grid-template-columns:minmax(0,2fr) minmax(150px,1fr)}#registration-facilities .facility-options-layout>.facility-living{grid-template-columns:repeat(2,minmax(0,1fr))}#registration-facilities .facility-options-layout>.facility-other{grid-column:2}} @media(max-width:760px){#registration-facilities .facility-options-layout{grid-template-columns:repeat(2,minmax(0,1fr))}#registration-facilities .facility-options-layout>.facility-living{grid-column:1/-1}#registration-facilities .facility-options-layout>.facility-security,#registration-facilities .facility-options-layout>.facility-other{grid-column:auto}} @media(max-width:500px){#registration-facilities .facility-options-layout{grid-template-columns:1fr}#registration-facilities .facility-options-layout>.facility-living,#registration-facilities .facility-options-layout>.facility-security,#registration-facilities .facility-options-layout>.facility-other{grid-column:1}#registration-facilities .facility-options-layout>.facility-security,#registration-facilities .facility-options-layout>.facility-other{grid-template-columns:repeat(2,minmax(0,1fr))}} /* registration-type.css */ .registration-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:18px;margin-left:5px;padding:0;border:1px solid #91a7b9;border-radius:50%;background:#f6f9fc;color:#355671;font-size:12px;cursor:pointer} .hanbang-required-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:40px;height:14px;margin-left:5px;padding:0 4px;border-radius:2px;background:#2870b8;color:#fff;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;vertical-align:middle} .hanbang-required-badge[hidden]{display:none!important} #listingForm .field-heading:has(.bank-kind-required){display:flex;align-items:center;gap:4px;min-height:16px} #listingForm .bank-kind-required{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;min-width:22px;height:14px;margin:0;padding:0 3px;border-radius:2px;background:#e94f56!important;color:#fff!important;font-size:10px;font-weight:700;line-height:1;white-space:nowrap} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location>.fields>.property-kind-first{grid-column:1!important;min-width:0!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location>.fields>.property-use-second{grid-column:2!important;min-width:0!important} @media(max-width:850px){body.clean-registration.has-sidebar #registerView.content-fixed #registration-location>.fields>.property-kind-first,body.clean-registration.has-sidebar #registerView.content-fixed #registration-location>.fields>.property-use-second{grid-column:1/-1!important}} #registration-building>.building-paired-grid .building-field-pair>label>.hanbang-field-heading:has(.bank-kind-required){flex-direction:row!important;flex-wrap:wrap;gap:2px;height:32px} #registration-building>.building-paired-grid .building-field-pair>label{display:grid!important;grid-template-rows:32px auto;align-content:start!important;min-width:0!important} #registration-building>.building-paired-grid .building-field-pair>label>.hanbang-field-heading{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1px;min-width:0;height:32px;overflow:hidden;white-space:nowrap;line-height:15px} #registration-building .hanbang-field-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #registration-building>.building-paired-grid .building-field-pair[hidden],#registration-building>.building-paired-grid .building-field-pair>label[hidden]{display:none!important} #registration-facilities [hidden],#registration-location .floor-exposure-choice[hidden]{display:none!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm #registration-building .building-field-pair[hidden],body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm #registration-building .building-field-pair>label[hidden]{display:none!important} #registration-building .hanbang-field-heading>.hanbang-required-badge{display:inline-flex;flex:none;margin-left:0;line-height:1} .registration-risk{padding:9px 12px;margin:8px 0 0;border:1px solid #d99851;border-radius:6px;background:#fff4e8;color:#8a3b0b;font-weight:700} .registration-rights .fields,.registration-exposure .fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} .registration-kind-hint{margin:4px 0 10px} .floor-exposure-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;grid-column:1/-1;padding:5px 0}.floor-exposure-choice strong{min-width:125px;font-size:14px}.floor-exposure-choice label{display:inline-flex;align-items:center;gap:5px;font-size:14px}.floor-exposure-choice input{width:17px;height:17px;margin:0} .loan-amount-field .loan-unit{margin-left:5px;color:#5a7081} .loan-field-pair{display:grid;grid-template-columns:minmax(170px,2fr) minmax(230px,3fr);gap:12px;grid-column:1/-1;align-items:end;margin:2px 0 4px}.loan-field-pair>label{min-width:0;width:auto!important;max-width:none!important}.loan-field-pair .loan-amount-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.loan-field-pair .loan-amount-field input{grid-column:1;min-width:0}.loan-field-pair .loan-amount-field .loan-unit{grid-column:2}.loan-field-pair .loan-amount-field .amount-reading{grid-column:1/-1}.loan-field-pair select{width:100%} @media(max-width:620px){.loan-field-pair{grid-template-columns:1fr}} .title-feature-count{float:right;color:#63798a;font-size:12px} .saved-title-save{float:right;margin-left:8px;padding:3px 8px;border:1px solid #b8cddd;border-radius:5px;background:#fff;color:#245577;font-size:12px;cursor:pointer} .saved-title-panel{width:min(100%,692px);margin:5px 0;padding:8px;border:1px solid #cbdbe6;border-radius:7px;background:#fff;box-shadow:0 5px 15px #1d40521a}.saved-title-panel[hidden]{display:none!important} .saved-title-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.saved-title-head strong{flex:1;font-size:13px}.saved-title-head select,.saved-title-head button{font-size:12px} .saved-title-list{max-height:198px;overflow:auto}.saved-title-item{display:flex;align-items:center;gap:4px;min-height:35px;border-bottom:1px solid #e8eef2}.saved-title-choice{flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:#244c69;cursor:pointer}.saved-title-item>button:not(.saved-title-choice){padding:3px 5px;font-size:12px}.saved-title-edit{flex:1;min-width:0}.saved-title-status{display:block;min-height:17px;color:#9b4d20;font-size:12px} .title-feature-picker{width:100%;margin:7px 0 11px;padding:9px 11px;border:1px solid #dce5ed;border-radius:8px;background:#f8fafc} .title-feature-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px} .title-feature-heading>span{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end} .title-feature-heading button{padding:2px 7px;border:0;background:transparent;color:#315d82;cursor:pointer;font:inherit} .title-feature-search{width:100%;max-width:240px;min-height:30px;margin:0 0 7px;padding:4px 8px;border:1px solid #d5e0e9;border-radius:5px;background:#fff} .title-feature-list{display:flex;flex-wrap:wrap;gap:5px} .title-feature-chip{min-height:28px;padding:4px 9px;border:1px solid #cbd8e2;border-radius:16px;background:#fff;color:#31516d;font:inherit;font-size:13px;cursor:pointer} .title-feature-chip[aria-pressed=true]{border-color:#245f8a;background:#dfeef9;color:#17456b;font-weight:700} .title-feature-message{display:block;min-height:17px;margin-top:4px;color:#99511e;font-size:12px} .title-shortcut-dialog{width:min(760px,calc(100vw - 24px));max-height:85vh;padding:18px;border:1px solid #cbd8e2;border-radius:9px;box-shadow:0 12px 40px #1a354440} .title-shortcut-dialog::backdrop{background:#142d4266} .title-shortcut-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.title-shortcut-head h2{margin:0} .shortcut-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:14px 0} .shortcut-editor input,.shortcut-editor select{min-width:0;min-height:34px}.shortcut-editor .shortcut-text{grid-column:span 2}.shortcut-editor label{display:flex;align-items:center;gap:5px} .shortcut-list{max-height:34vh;overflow:auto;border-top:1px solid #dce5ed} .shortcut-item{display:flex;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #e6edf2}.shortcut-item span{flex:1;min-width:0}.shortcut-item button{min-width:28px;padding:4px 6px} @media(max-width:600px){.shortcut-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-editor .shortcut-text{grid-column:1/-1}} #registration-location [hidden],#registration-building [hidden],#registration-price [hidden]{display:none!important} .description-symbols{width:min(100%,692px);max-height:158px;margin:6px 0 10px;padding:8px 10px;border:1px solid #dce5ed;border-radius:7px;background:#f8fafc;overflow:hidden} .description-symbols.expanded{max-height:340px;overflow:auto} .description-symbols-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:13px}.description-symbols-head strong{flex:1}.description-symbol-count{color:#64788a}.description-symbol-count.over-limit{color:#b43828;font-weight:700} .description-symbol-more{border:0;background:transparent;color:#315d82;cursor:pointer} .description-symbol-grid{display:grid;gap:6px}.description-symbol-group{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.description-symbol-group>span{width:76px;color:#5b7183;font-size:12px} .description-symbol-group button{min-width:29px;height:27px;padding:2px 5px;border:1px solid #cdd9e3;border-radius:4px;background:white;color:#28435b;font-size:15px;line-height:20px;cursor:pointer}.description-symbol-group button:hover{background:#e3f0f9;border-color:#85adc9} .description-symbol-status{display:block;min-height:15px;color:#ae4a24;font-size:12px} .description-manager-bar{display:flex;align-items:center;gap:6px;margin:4px 0 5px}.description-manager-bar button{padding:5px 8px;border:1px solid #bfd0df;border-radius:5px;background:#fff;color:#295477;font-size:12px;cursor:pointer}.description-manager-bar span{margin-left:auto;color:#44617a;font-size:12px} .description-template-block:has(.description-manager-bar) .description-symbol-count{display:none} .description-manager-dialog{width:min(900px,calc(100vw - 24px));max-height:88vh;padding:16px;border:1px solid #cad9e3;border-radius:9px;box-shadow:0 14px 40px #17344544}.description-manager-dialog::backdrop{background:#142d4266} .description-manager-dialog header,.description-manager-dialog footer{display:flex;align-items:center;gap:7px}.description-manager-dialog header h2{flex:1;margin:0}.description-manager-dialog footer{margin-top:12px}.description-manager-status{flex:1;color:#a34325;font-size:12px} .description-manager-body{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2fr);gap:12px;margin-top:12px;min-height:340px}.description-manager-body aside{border:1px solid #d9e4ec;border-radius:6px;padding:7px;min-width:0}.description-search{width:100%;box-sizing:border-box;min-height:32px}.description-saved-list{max-height:300px;overflow:auto;margin-top:7px}.description-saved-item{display:block;width:100%;padding:7px;border:0;border-bottom:1px solid #e7eef3;background:white;color:#31536d;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.description-saved-item[aria-pressed=true]{background:#e5f0f8;font-weight:700} .description-editor{display:flex;flex-direction:column;gap:7px;min-width:0}.description-template-title{min-height:34px}.description-template-meta{display:flex;gap:5px}.description-template-meta select{flex:1;min-width:0}.description-template-text{flex:1;min-height:250px;resize:vertical}.description-template-count{text-align:right;color:#5f7486} @media(max-width:650px){.description-manager-body{grid-template-columns:1fr}.description-saved-list{max-height:130px}.description-template-text{min-height:180px}} .migration-review-mark{display:block;margin-top:3px;color:#b8342b;font-size:12px;font-weight:700}.migration-review-badge{margin-left:8px;padding:2px 6px;border:1px solid #d6938d;border-radius:12px;background:#fff0ee;color:#a93329;font-size:11px;font-weight:700;cursor:pointer} .migration-review-estimated{color:#bd5700!important}.migration-review-badge.migration-review-estimated{border-color:#e1a366;background:#fff4e7;color:#a84d00!important}.migration-review-missing_required{color:#961f1f!important}.migration-review-badge.migration-review-missing_required{border-color:#bd5555;background:#ffe9e9;color:#881818!important}#migrationReviewNotes{padding:3px 0 8px}#migrationReviewNotes .migration-review-mark{margin:2px 0} .migration-revise-note{margin-left:auto;color:#a93329;font-size:11px;font-weight:700;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.migration-review-complete{color:#407458;font-size:11px;font-weight:700}#migrationReviewCompleteButton{border:1px solid #407458;color:#275c3f;background:#f0faf3} #migrationReviewFilter{margin-left:8px;min-height:34px}#listingList .listing-row[hidden]{display:none!important} /* simple-entry.css */ /* Calm, compact registration surface. Site adapters and other views are untouched. */ .simple-entry #registerView{max-width:980px;margin:0 auto} .simple-entry #registerView .intro{padding:26px 4px 8px} .simple-entry #registerView .intro h1{font-size:26px;letter-spacing:-1px;color:#202d3a} .simple-entry #registerView .intro p{font-size:13px;color:#73808d} .simple-entry #registerView .entry-flow{display:none} .simple-entry .entry-required-note{font-size:12px;color:#75818d;margin:0 4px 18px;line-height:1.6} .simple-entry #listingForm{background:#fff;border:1px solid #e3e7ec;border-radius:10px;padding:0 30px 14px} .simple-entry #listingForm>.registration-group,.simple-entry #listingForm>#ownerFields{background:#fff;box-shadow:none;border:0;border-bottom:1px solid #e9ecf0;border-radius:0;padding:26px 0;margin:0} .simple-entry #listingForm>.registration-group>h2,.simple-entry #listingForm>#ownerFields>h2{margin:0 0 20px;padding:0;background:none;border:0;border-radius:0;font-size:18px;letter-spacing:-.5px;color:#253445} .simple-entry #listingForm>.registration-group>h2::before,.simple-entry #ownerFields>h2::before{display:none} .simple-entry #registerView .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px} .simple-entry #registerView .fields>label{display:block;font-size:13px;font-weight:600;color:#354455;min-width:0} .simple-entry #registerView .fields input:not([type=checkbox]):not([type=radio]):not(.segment-source),.simple-entry #registerView .fields select:not(.segment-source){min-height:40px;border-radius:6px;border-color:#dce1e7;padding:8px 10px;box-shadow:none;background-color:#fff;font-size:15px} .simple-entry #registerView .fields textarea{border-radius:6px;border-color:#dce1e7;padding:12px;box-shadow:none;font-size:15px} .simple-entry #registerView .fields input[readonly]{background:#f7f8fa} .simple-entry #registerView .fields input:focus,.simple-entry #registerView .fields select:focus,.simple-entry #registerView .fields textarea:focus{border-color:#557b9d;box-shadow:0 0 0 2px #315c8c10} .simple-entry .entry-required-mark{font-size:10px;color:#778491;font-weight:400;white-space:nowrap} .simple-entry .entry-conditional-required::after{content:'단지형 매물 필수';font-size:10px;font-weight:400;color:#778491} .simple-entry #registerView .choice-segment{gap:8px;margin-top:7px} .simple-entry #registerView .choice-segment button{min-height:39px;padding:8px 18px;background:#fff;border-color:#dce1e7;border-radius:6px;box-shadow:none;font-size:14px} .simple-entry #registerView .choice-segment [aria-checked=true]{background:#eef4f9;color:#244b70;border-color:#6f8da7;font-weight:700} .simple-entry #registerView .additional-fields{margin-top:20px;border:0;padding:0} .simple-entry #registerView .additional-fields>summary{padding:10px 12px;background:#f6f7f9;border-radius:5px;color:#687888;font-size:12px} .simple-entry #registerView .additional-fields[open]>.fields{padding-top:16px} .simple-entry #registerView .entry-sections{background:#f7f9fbf5;border-color:#e3e7ec;box-shadow:none;padding:7px;margin-bottom:14px;border-radius:7px} .simple-entry #registerView .entry-sections a{font-size:12px;padding:5px 9px} .simple-entry .entry-section-hint{font-size:12px;color:#778491;margin:-8px 0 16px;line-height:1.7} .simple-entry #registerView .entry-savebar{margin:20px -12px 0;padding:12px 16px;border:1px solid #dce3ea;border-radius:7px;background:#ffffffF5;box-shadow:0 -3px 12px #233c5608} .simple-entry #registerView .entry-savebar #saveListingButton{min-width:150px;min-height:42px;background:#244b70;color:#fff;border-radius:6px} .simple-entry #registerView .fee-detail{background:#f8f9fb;border-color:#e6eaf0;padding:16px} .simple-entry #registerView .facility-primary{grid-template-columns:repeat(2,minmax(0,1fr))} .simple-entry #registerView .photo-upload-toolbar p{font-size:12px} .simple-entry #registerView .date-entry>input[type=date]{min-height:0!important;padding:0!important} @media(max-width:700px){.simple-entry #listingForm{padding:0 18px 12px}.simple-entry #registerView .fields{gap:16px}.simple-entry #listingForm>.registration-group,.simple-entry #listingForm>#ownerFields{padding:22px 0}} @media(max-width:480px){.simple-entry #listingForm{padding:0 12px 12px}.simple-entry #registerView .fields{grid-template-columns:1fr}.simple-entry #registerView .facility-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-entry #registerView .intro h1{font-size:23px}.simple-entry #registerView .entry-savebar{margin-inline:0}.simple-entry #registerView .entry-sections a{padding:5px 7px}.simple-entry #registerView .entry-savebar #saveListingButton{min-width:120px}} /* Fixed working width on desktop; shrink only when the viewport cannot fit it. */ .simple-entry #registerView{width:100%;max-width:1240px;margin-inline:auto} .simple-entry #listingForm{padding:0 22px 12px} .simple-entry #listingForm>.registration-group,.simple-entry #listingForm>#ownerFields{padding:19px 0} .simple-entry #listingForm>.registration-group>h2,.simple-entry #listingForm>#ownerFields>h2{font-size:16px;margin-bottom:14px} .simple-entry #registerView .fields{gap:12px 20px} .simple-entry #registerView .fields input:not([type=checkbox]):not([type=radio]):not(.segment-source),.simple-entry #registerView .fields select:not(.segment-source){min-height:34px;height:34px;padding:5px 9px;font-size:14px} .simple-entry #registerView .fields>label:has(input[inputmode=numeric]),.simple-entry #registerView .fields>label:has(input[inputmode=decimal]){max-width:260px} .simple-entry #registerView .fields>label:has(.area-pair){max-width:100%} .simple-entry #registerView .choice-segment button{min-height:33px;padding:5px 13px;font-size:13px} .simple-entry #registerView .additional-fields{margin-top:14px} .simple-entry #registerView .additional-fields>summary{padding:7px 10px} .simple-entry #registerView .intro{padding-top:18px}.simple-entry #registerView .intro h1{font-size:24px} .simple-entry #registerView .entry-required-note{margin-bottom:12px}.simple-entry #registerView .entry-savebar{padding:8px 10px;margin-inline:-8px} @media(max-width:700px){.simple-entry #listingForm{padding-inline:16px}} @media(max-width:480px){.simple-entry #listingForm{padding-inline:12px}.simple-entry #registerView .fields>label:has(input[inputmode]){max-width:100%}.simple-entry #registerView .entry-savebar{margin-inline:0}} .simple-entry #registerView .registration-group:not(#registration-details):not(#registration-fees)>.fields,.simple-entry #registerView .registration-group:not(#registration-details):not(#registration-fees)>.additional-fields>.fields,.simple-entry #registerView #ownerFields>.fields{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:start} #listingForm[data-registration-mode="property"]>.quick-intake{display:none!important} #listingForm[data-registration-mode="quick"]>.quick-intake{display:block} #listingForm[data-registration-mode="quick"] .entry-required-mark,#listingForm[data-registration-mode="quick"] .hanbang-required-badge{display:none!important} #listingForm[data-registration-mode="quick"] .entry-conditional-required::after{content:none} #listingForm[data-registration-mode="quick"]:not([data-quick-expanded="true"])>:not(.quick-intake):not(input[type="hidden"]){display:none!important} #registerView:has(#listingForm[data-registration-mode="quick"]:not([data-quick-expanded="true"])) .entry-sections{display:none!important} .simple-entry #listingForm>.quick-intake{padding:24px 4px;border:0;box-shadow:none;background:transparent} .simple-entry #listingForm>.quick-intake h2{font-size:20px;color:#253445} .simple-entry #listingForm .quick-intake-help{margin:-3px 0 18px;color:#687888;font-size:13px} .simple-entry #listingForm .quick-intake-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px} .simple-entry #listingForm .quick-address-controls{display:flex;align-items:center;gap:8px} .simple-entry #listingForm .quick-address-controls input{min-width:0;flex:1} .simple-entry #listingForm .quick-address-controls button{flex:none;min-height:34px;padding:5px 10px;border:1px solid #cbd8e4;border-radius:6px;background:#fff;color:#244b70} .simple-entry #listingForm .quick-intake-actions{justify-content:space-between;flex-wrap:wrap} .simple-entry #listingForm #quickIntakeMore{background:#fff;border:1px solid #cbd8e4;color:#244b70;border-radius:6px;padding:9px 14px} .simple-entry #listingForm #quickIntakeSave{background:#244b70;border-radius:6px;padding:9px 22px} @media(max-width:700px){.simple-entry #listingForm .quick-intake-fields{grid-template-columns:1fr}} .simple-entry #registerView .fields>.entry-sized-field{width:var(--entry-field-width);max-width:100%!important;flex:0 0 auto} .simple-entry #registerView .fields>.entry-sized-field.full-width{width:min(100%,var(--entry-field-width))} .simple-entry #registerView .fields>.entry-sized-field input:not([type=checkbox]):not([type=radio]),.simple-entry #registerView .fields>.entry-sized-field select{width:100%;box-sizing:border-box} .simple-entry #registerView .fields>.entry-sized-field .area-pair input{width:0;min-width:0;flex:1} .simple-entry #registerView .fields>.photo-upload-area,.simple-entry #registerView .fields>fieldset,.simple-entry #registerView .fields>.facility-options-layout{width:100%;flex-basis:100%} .simple-entry #registerView .fields>.entry-sized-field .segment-source{width:1px} .simple-entry #registerView .fields>.entry-sized-field .date-entry>input[type=date]{width:1px} .simple-entry #registration-building{container-type:inline-size} .simple-entry #registerView #registration-building>.building-paired-grid{display:grid!important;grid-template-columns:356px minmax(0,280px);gap:14px 22px;align-items:start} .simple-entry .registry-owner-row{min-width:0} .simple-entry .registry-owner-row>label{display:block;width:min(100%,260px);font-size:13px;font-weight:600;color:#354455} .simple-entry .registry-owner-row input{display:block;width:100%;box-sizing:border-box} .simple-entry .registry-owner-row small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:#687888} .simple-entry .building-field-pair{display:flex;gap:8px;align-items:start;min-width:0} .simple-entry .building-field-pair>label{display:block;flex:0 0 auto;width:var(--entry-field-width);max-width:100%;min-width:0;font-size:13px;font-weight:600;color:#354455} .simple-entry .building-field-pair>label:has(.area-pair){width:174px} .simple-entry .building-field-pair input,.simple-entry .building-field-pair select{width:100%;min-width:0;box-sizing:border-box} .simple-entry .building-field-pair .area-pair{gap:3px}.simple-entry .building-field-pair .area-pair input{width:0;min-width:0;flex:1} .simple-entry .building-field-pair:has([name=currentFloor])>label,.simple-entry .building-field-pair:has([name=rooms])>label{width:78px} .simple-entry .building-field-pair:has([name=parking])>label:first-child{width:88px} .simple-entry .building-field-pair:has([name=parking])>label:last-child{width:132px} .simple-entry .building-field-pair:has([name=direction])>label{width:132px} .simple-entry .building-field-pair:has([name=approvalDate])>label{width:154px} @container(max-width:658px){.simple-entry #registerView #registration-building>.building-paired-grid{grid-template-columns:minmax(0,1fr);gap:14px}.simple-entry .building-field-pair>label:has(.area-pair){flex:1;width:174px;max-width:174px}} /* fixed-desktop.css */ /* Deliberately non-responsive desktop entry. Small viewports scroll horizontally. Load last: legacy media queries must not change form geometry on resize. */ body.simple-entry #registerView.content-fixed{width:1020px;min-width:1020px;max-width:1020px;flex:0 0 1020px;box-sizing:border-box;margin:0 auto} body.simple-entry #registerView.content-fixed #listingForm{width:1020px;min-width:1020px;max-width:1020px;box-sizing:border-box;padding:0 22px 12px} body.simple-entry #registerView.content-fixed .intro{padding:18px 4px 8px;display:flex;align-items:center} body.simple-entry #registerView.content-fixed .intro h1{font-size:24px} body.simple-entry #registerView.content-fixed .entry-sections{width:1020px;box-sizing:border-box;padding:7px;gap:0;margin-bottom:14px} body.simple-entry #registerView.content-fixed .entry-sections a{padding:5px 9px;font-size:12px} body.simple-entry #registerView.content-fixed #listingForm>.registration-group,body.simple-entry #registerView.content-fixed #listingForm>#ownerFields{width:974px;min-width:974px;max-width:974px;box-sizing:border-box;padding:19px 0} body.simple-entry #registerView.content-fixed #listingForm>.registration-group>h2,body.simple-entry #registerView.content-fixed #listingForm>#ownerFields>h2{margin:0 0 14px;padding:0;font-size:16px} body.simple-entry #registerView.content-fixed .fields{gap:12px 20px;grid-template-columns:477px 477px} body.simple-entry #registerView.content-fixed .fields>.entry-sized-field{width:var(--entry-field-width);min-width:var(--entry-field-width);max-width:var(--entry-field-width)!important;flex:0 0 var(--entry-field-width)} body.simple-entry #registerView.content-fixed .fields>.entry-sized-field.full-width{width:var(--entry-field-width)} body.simple-entry #registerView.content-fixed #registration-building>.building-paired-grid{grid-template-columns:356px 280px;gap:14px 22px} body.simple-entry #registerView.content-fixed .building-field-pair>label:has(.area-pair){width:174px;min-width:174px;max-width:174px;flex:0 0 174px} body.simple-entry #registerView.content-fixed .area-pair{flex-wrap:nowrap} body.simple-entry #registerView.content-fixed .facility-options-layout{grid-template-columns:620px 344px;gap:8px 10px} body.simple-entry #registerView.content-fixed .facility-options-layout>.facility-living{grid-column:1;grid-template-columns:repeat(4,140px)} body.simple-entry #registerView.content-fixed .facility-options-layout>.facility-security{grid-column:2;grid-template-columns:repeat(2,148px)} body.simple-entry #registerView.content-fixed .facility-options-layout>.facility-other,body.simple-entry #registerView.content-fixed .facility-options-layout>.facility-extra-group{grid-column:1/-1;grid-template-columns:repeat(6,145px)} body.simple-entry #registerView.content-fixed .fee-items{grid-template-columns:459px 459px;gap:9px 22px} body.simple-entry #registerView.content-fixed .entry-savebar{padding:8px 10px;margin:20px -8px 0;gap:10px} body.simple-entry #registerView.content-fixed .entry-savebar #saveListingButton{min-width:150px} body.simple-entry #registerView.content-fixed .entry-savebar #status{flex:0 0 540px} body.simple-entry #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(5,104px);gap:10px} body.simple-entry #registerView.content-fixed .photo-card{width:104px} body.simple-entry #registerView.content-fixed .photo-card .photo-thumb{height:102px} body.simple-entry main>.view{width:1020px;min-width:1020px;max-width:1020px;box-sizing:border-box;margin-inline:auto;flex:none} body.simple-entry #savedListingsTable{width:932px;min-width:932px!important;max-width:932px} body.simple-entry #savedListingsTable tr{grid-template-columns:26px repeat(11,69px)} /* Quiet registration styling: readable labels, white fields, neutral separators. */ body.simple-entry{background:#f4f5f6} body.simple-entry #registerView #listingForm{border-color:#e5e7eb;background:#fff;box-shadow:none;border-radius:8px} body.simple-entry #registerView .fields label,body.simple-entry #registerView .building-field-pair>label{color:#343a40;font-weight:500} body.simple-entry #registerView.content-fixed #listingForm>.registration-group>h2,body.simple-entry #registerView.content-fixed #listingForm>#ownerFields>h2{color:#242a30;font-weight:650} body.simple-entry #registerView .fields input,body.simple-entry #registerView .fields select,body.simple-entry #registerView .fields textarea{border-color:#dfe2e6;box-shadow:none} body.simple-entry #registerView .fields input::placeholder,body.simple-entry #registerView .fields textarea::placeholder{color:#a0a6ad} body.simple-entry #registerView .additional-fields>summary{background:#f7f7f8;color:#747b83} body.simple-entry #registerView .entry-sections{background:#f9fafb;border-color:#e6e8eb;box-shadow:none} body.simple-entry #registerView .entry-required-mark{color:#92989f} body.simple-entry #listingReadiness{border-color:#e6e8eb;box-shadow:none;background:#fafbfc} body.simple-entry #listView .panel{box-shadow:none;border-color:#e3e6e9} /* listing-actions.css */ #saveListingConfirmation{width:280px;padding:22px;border-radius:7px;border:1px solid #cbd6e1} #saveListingQuestion{margin:0 0 22px;font-size:16px;font-weight:600;color:#29445e} #saveListingConfirmation .dialog-actions{gap:8px;justify-content:flex-end} #saveListingConfirmation button{min-width:62px} #listView .listing-delete-button,#savedListingsTable .listing-delete-button{color:#a34b4b;background:#fff8f7;border:1px solid #e6cdca;border-radius:4px;font-size:12px;padding:4px 9px;min-height:27px;box-shadow:none} #listView .listing-delete-button:hover{background:#fae9e7;border-color:#ca8f88} #savedListingsTable tr{position:relative;padding-right:62px} #savedListingsTable .listing-delete-cell{position:absolute;right:10px;top:12px;width:43px;grid-column:auto;grid-row:auto;border:0!important;padding:0!important} #savedListingsTable .listing-delete-cell::before{display:none} #savedListingsTable .listing-delete-cell button{width:43px;min-height:26px;font-size:11px;padding:3px 5px} #savedListingsTable th:last-child{display:none} #listView .listing-toolbar{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px} #listView .listing-toolbar .wide{flex:1;min-width:0} #listView .listing-print-button{height:38px;padding:0 14px;border:1px solid #cbd6e1;border-radius:6px;background:#fff;color:#29445e;font-weight:700;cursor:pointer;white-space:nowrap} #listView .listing-print-button:hover{border-color:#537b9e;background:#f4f8fb} @media print{ body:has(#listView:not([hidden])){background:#fff!important;overflow:visible!important} body:has(#listView:not([hidden])) .brand-header, body:has(#listView:not([hidden])) .work-navigation, body:has(#listView:not([hidden])) .intro, body:has(#listView:not([hidden])) .listing-toolbar label, body:has(#listView:not([hidden])) .listing-row button, body:has(#listView:not([hidden])) .listing-row select, body:has(#listView:not([hidden])) .listing-row a, body:has(#listView:not([hidden])) .listing-print-button{display:none!important} body:has(#listView:not([hidden])) main, body:has(#listView:not([hidden])) #listView, body:has(#listView:not([hidden])) #listView .panel, body:has(#listView:not([hidden])) #listingList{display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;box-shadow:none!important} body:has(#listView:not([hidden])) .listing-row{break-inside:avoid;border-bottom:1px solid #d8dde5!important;padding:8px 0!important;color:#111827!important} } /* clean-registration.css */ body.clean-registration{background:#f4f4f5} body.clean-registration #registerView .fields textarea[name="description"]{height:202px;min-height:202px;max-height:202px;line-height:22px;padding:12px;box-sizing:border-box;overflow-y:auto;resize:none} body.clean-registration #registerView.content-fixed #listingForm{padding:0;border:0;border-radius:0;background:transparent} body.clean-registration #registerView.content-fixed #listingForm>.registration-group,body.clean-registration #registerView.content-fixed #listingForm>#ownerFields{width:1020px;min-width:1020px;max-width:1020px;padding:26px 30px;margin:0 0 18px;background:#fff;border:0;border-radius:14px;box-shadow:none} body.clean-registration #registerView.content-fixed #listingForm>.registration-group>h2,body.clean-registration #registerView.content-fixed #listingForm>#ownerFields>h2{font-size:19px;color:#23282d;margin:0 0 24px;font-weight:650} body.clean-registration #registerView .entry-required-note{font-size:11px;color:#858c94} body.clean-registration #registerView #listingReadiness{background:transparent;border:0;padding:2px 4px 14px;margin:0;box-shadow:none} body.clean-registration #registerView #listingReadiness>strong{font-size:12px;font-weight:500;color:#647080} body.clean-registration #registerView #listingReadiness>p{font-size:11px;margin:3px 0 0;color:#87909a} body.clean-registration #registerView.content-fixed #registration-location>.fields,body.clean-registration #registerView.content-fixed #registration-price>.fields,body.clean-registration #registerView.content-fixed #registration-move>.fields{display:flex;flex-direction:column;align-items:start;gap:18px} body.clean-registration #registerView.content-fixed .fields>label.clean-form-row{display:grid;grid-template-columns:112px var(--entry-field-width,240px);gap:4px 12px;align-items:center;width:960px;min-width:960px;max-width:960px!important;flex:none} body.clean-registration #registerView .clean-form-row>.field-heading{grid-column:1;grid-row:1;color:#2f3439;font-size:13px;font-weight:600} body.clean-registration #registerView .clean-form-row>:not(.field-heading){grid-column:2;margin-top:0} body.clean-registration #registerView .clean-form-row>.entry-required-mark{display:none} body.clean-registration #registerView .field-heading .entry-required-mark{color:#b97970;font-size:10px;font-weight:400} body.clean-registration #registerView .clean-form-row button{justify-self:start} body.clean-registration #registerView .clean-form-row .choice-segment{margin-top:0} body.clean-registration #registerView .additional-fields{margin-top:20px} body.clean-registration #registerView .additional-fields>summary{display:inline-block;padding:5px 0;background:none;color:#7b8590;font-size:12px} body.clean-registration #registerView .fields input,body.clean-registration #registerView .fields select,body.clean-registration #registerView .fields textarea{border-radius:7px;border-color:#dddfe4;box-shadow:none} body.clean-registration #registerView.content-fixed .fields{grid-template-columns:470px 470px} body.clean-registration #registerView.content-fixed .facility-options-layout{grid-template-columns:610px 340px} body.clean-registration #registerView.content-fixed .fee-items{grid-template-columns:454px 454px} body.clean-registration #registerView.content-fixed .entry-savebar{margin:0;padding:10px 18px;background:#fffffff7;border:1px solid #e2e5e9;border-radius:8px;box-shadow:0 -3px 16px #20283008} /* Tighter registration card; list retains its fixed table column geometry. */ body.clean-registration #registerView.content-fixed,body.clean-registration #registerView.content-fixed #listingForm{width:740px;min-width:740px;max-width:740px;flex-basis:740px} body.clean-registration #registerView.content-fixed{margin-inline:auto} body.clean-registration.has-sidebar main{padding-inline:12px} body.clean-registration #registerView.content-fixed .entry-sections{width:740px;min-width:740px;max-width:740px} body.clean-registration #registerView.content-fixed #listingForm>.registration-group,body.clean-registration #registerView.content-fixed #listingForm>#ownerFields{width:740px;min-width:740px;max-width:740px;padding:22px 24px;margin-bottom:14px;border-radius:11px} body.clean-registration #registerView.content-fixed #listingForm>.registration-group>h2,body.clean-registration #registerView.content-fixed #listingForm>#ownerFields>h2{font-size:17px;margin-bottom:18px} body.clean-registration #registerView.content-fixed .fields>label.clean-form-row{width:692px;min-width:692px;max-width:692px!important} body.clean-registration #registerView.content-fixed .fields{grid-template-columns:336px 336px;gap:12px 20px} body.clean-registration #registerView.content-fixed .building-field-pair[aria-label="면적"]>label{width:174px;min-width:174px;max-width:174px;flex:0 0 174px} body.clean-registration #registerView.content-fixed .facility-options-layout{grid-template-columns:430px 252px} body.clean-registration #registerView.content-fixed .facility-options-layout>.facility-living{grid-template-columns:repeat(3,136px)} body.clean-registration #registerView.content-fixed .facility-options-layout>.facility-security{grid-template-columns:repeat(2,110px)} body.clean-registration #registerView.content-fixed .facility-options-layout>.facility-other,body.clean-registration #registerView.content-fixed .facility-options-layout>.facility-extra-group{grid-template-columns:repeat(4,162px)} body.clean-registration #registerView.content-fixed .fee-items{grid-template-columns:318px 318px} body.clean-registration #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(5,104px)} body.clean-registration #registerView.content-fixed .entry-savebar #status{flex:0 0 220px} body.clean-registration #registerView.content-fixed #registration-location>.fields,body.clean-registration #registerView.content-fixed #registration-price>.fields,body.clean-registration #registerView.content-fixed #registration-move>.fields{gap:14px} body.clean-registration #registerView.content-fixed #registration-facilities>.fields{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 18px} body.clean-registration #registerView .location-field-pair{display:grid;grid-template-columns:336px 336px;gap:20px;width:692px;min-width:692px;max-width:692px} body.clean-registration #registerView .location-field-pair>label.clean-form-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:336px;min-width:336px;max-width:336px} body.clean-registration #registerView .location-field-pair>label>input,body.clean-registration #registerView .location-field-pair>label>select{width:var(--entry-field-width);max-width:336px;box-sizing:border-box} body.clean-registration.has-sidebar main{padding-left:16px;padding-right:18px} body.clean-registration.has-sidebar #registerView.content-fixed{margin-left:0;margin-right:0} /* Address field only: half width, without changing any address lookup or persistence behavior. */ body #registerView #listingForm input[name="address"]{width:50%!important;max-width:350px!important;min-width:0!important;box-sizing:border-box} @media(max-width:520px){body #registerView #listingForm input[name="address"]{width:100%!important;max-width:100%!important}} /* text-templates.css */ #textTemplateToolbar{position:absolute;right:0;top:0;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:5px 10px} #textTemplateToolbar .text-template-buttons{display:flex;gap:4px;align-items:center} #textTemplateToolbar button{font-size:11px;line-height:18px;min-height:27px;padding:3px 9px;border:1px solid #dce3ea;border-radius:5px;background:#fff;color:#355774} #textTemplateToolbar button[aria-pressed=true]{background:#eaf1f7;border-color:#98b0c5;color:#244b70} #textTemplateToolbar #saveTextTemplate{margin-left:5px;background:#f1f5f8} #textTemplateToolbar button:disabled{opacity:.5} #textTemplateStatus{display:block;width:100%;text-align:right;font-size:11px;font-weight:400;color:#62778a;line-height:17px;margin-top:4px} #textTemplateStatus:empty{display:none} body.clean-registration #registerView #registration-details>.fields{row-gap:8px} body.clean-registration #registerView .description-template-block{position:relative;grid-column:1/-1;width:692px;min-width:692px;max-width:692px} body.clean-registration #registerView .description-template-block>label{display:block;width:692px;max-width:692px;line-height:27px;margin:0} body.clean-registration #registerView .description-template-block textarea{display:block;width:692px;margin-top:4px} #textTemplateToolbar #deleteTextTemplate{color:#98544c} /* compact-list-rows.css */ /* Three flowing lines per property. No table columns or header row. */ body.simple-entry main>#listView{width:740px;min-width:740px;max-width:740px;flex:0 0 740px;margin-inline:auto;padding:0;box-sizing:border-box} body.simple-entry #listView>.panel{padding:12px;border-radius:11px;background:#fff;box-shadow:none} #listView #batchPanel{padding:0;margin-top:12px;min-width:0} #listView .batch-toolbar{flex-wrap:nowrap;gap:7px;margin:7px 0;padding:7px 8px;min-width:0} #listView .batch-toolbar label{font-size:12px;gap:5px;white-space:nowrap} #listView .batch-toolbar button{font-size:12px;padding:5px 9px;min-height:30px;white-space:nowrap} #listView .batch-toolbar input[type=checkbox]{width:14px;height:14px} #listView #batchSummary{font-size:11px;margin:6px 0;padding:6px 8px;overflow-wrap:anywhere} #listView .batch-scroll{width:100%;box-sizing:border-box;overflow-x:hidden;border-radius:5px} #listView .property-address{flex:1 1 auto} #listView .property-unit{width:56px;box-sizing:border-box;text-align:center} #listView .property-price{width:112px;text-align:right;font-size:15px} #listView #savedListingsList .compact-property{padding-right:39px;padding-left:9px} #listView #savedListingsList .property-primary{gap:6px} #listView #savedListingsList .listing-sites{gap:4px;margin-left:20px} #listView #savedListingsList .listing-site button{padding-inline:7px} #listView #savedListingsList .listing-secondary{margin-left:20px} #savedListingsList{width:100%;color:#294760;background:#fff} #savedListingsList .compact-property{position:relative;padding:9px 54px 8px 12px;border-bottom:1px solid #e7edf2;cursor:pointer;box-sizing:border-box} #savedListingsList .compact-property:last-child{border-bottom:0} #savedListingsList .compact-property:hover{background:#f7fafc} #savedListingsList .compact-property:has(input:checked){background:#eef5fa;box-shadow:inset 2px 0 #6b92b0} #savedListingsList .compact-property:focus-visible{outline:2px solid #6b92b0;outline-offset:-2px} #savedListingsList .property-primary{display:flex;align-items:center;gap:9px;min-height:23px;white-space:nowrap} #savedListingsList input[type=checkbox],.listing-select-all input{width:14px;height:14px;min-width:14px;padding:0;margin:0;accent-color:#365f7e;flex:none} #savedListingsList .listing-badge{font-size:10px;line-height:18px;font-weight:500;color:#657888;background:#eef2f5;border-radius:3px;padding:0 5px;max-width:140px;overflow:hidden;text-overflow:ellipsis;flex:none} #savedListingsList .listing-badge.trade{background:transparent;padding:0;color:#536d80} #savedListingsList .property-address{font-size:14px;font-weight:700;color:#243f55;overflow:hidden;text-overflow:ellipsis;min-width:0} #savedListingsList .property-unit{font-size:14px;font-weight:700;color:#243f55;flex:none;max-width:100px;overflow:hidden;text-overflow:ellipsis} #savedListingsList .property-price{font-size:16px;font-weight:800;color:#142e44;margin-left:auto;flex:none;font-variant-numeric:tabular-nums} #savedListingsList .listing-secondary{font-size:11px;line-height:18px;color:#7b8791;white-space:nowrap;margin:2px 0 0 23px;overflow:hidden;text-overflow:ellipsis} #savedListingsList .listing-sites{display:flex;align-items:center;gap:5px;min-height:20px;margin:4px 0 0 23px;padding-top:4px;border-top:1px solid #edf0f3;white-space:nowrap} #savedListingsList .listing-site{display:inline-flex;align-items:center;line-height:16px} #savedListingsList .listing-site button{font-family:inherit;font-size:13px;font-weight:600;line-height:18px;color:#526171;background:#edf0f3;border:1px solid #dce2e8;border-radius:4px;box-shadow:none;height:30px;min-height:30px;padding:5px 10px;white-space:nowrap;opacity:1} #savedListingsList .listing-site button:hover:not(:disabled){text-decoration:underline;color:#345e7b} #savedListingsList .listing-site[data-stage=registered] button{color:#20603e;background:#e8f4ec;border-color:#c7e3d1} #savedListingsList .listing-site[data-stage=login-required] button{color:#805d13;background:#fff3cc;border-color:#ecd99b} #savedListingsList .listing-site[data-stage=running] button{color:#205f9b;background:#e6f0fc;border-color:#bdd5f0} #savedListingsList .listing-site:is([data-stage=preview],[data-stage=prepared],[data-stage=ready-to-review],[data-stage=input-required],[data-stage=source-changed],[data-stage=result-save-required],[data-stage=prepared-review-required],[data-stage=photos-required],[data-stage=rfine-preview],[data-stage=bank-preview],[data-stage=verification-required],[data-stage=submitted-unverified],[data-stage=delivery-unconfirmed],[data-stage=outbox],[data-stage=publication-not-confirmed]) button{color:#967044;background:#fbf0e2} #savedListingsList .listing-site:is([data-stage=failed],[data-stage=automation-error],[data-stage=submission-rejected]) button{color:#a43131;background:#fceaea;border-color:#edc4c4} #savedListingsList .compact-property{border-radius:0;box-shadow:none;padding-top:7px;padding-bottom:7px} #savedListingsList .property-unit{font-weight:600;border-left:1px solid #dce2e8;padding-left:9px} #savedListingsList .listing-sites{gap:6px;margin-top:4px;padding-top:5px} #savedListingsList .site-result-detail{display:none} #savedListingsList .listing-delete-cell{position:absolute;right:10px;top:9px} #listView #savedListingsList .listing-delete-button{min-height:22px;font-size:10px;line-height:18px;padding:0 5px;color:#96736d;border-color:transparent;background:transparent} #listView #savedListingsList .listing-delete-button:hover{background:#fbefec;color:#a34b4b} .listing-select-all{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;color:#6e8190} #listingList .listing-row>select{display:none} #listView #savedListingsList .listing-delete-cell{display:flex;flex-direction:column;gap:6px;right:5px;top:8px} #listView .listing-register-button{font-size:11px;font-weight:600;min-height:25px;padding:2px 6px;border:1px solid #cbd8e4;border-radius:4px;background:#f3f7fa;color:#294c6b;box-shadow:none} #listView #savedListingsList .compact-property{padding-right:47px} #rowRegistrationDialog{width:340px;box-sizing:border-box} #rowRegistrationDialog>p{font-size:12px;color:#586a7c;overflow-wrap:anywhere} .registration-site-choices{display:grid;grid-template-columns:1fr;gap:9px;margin:14px 0} .registration-site-choices label{display:flex;align-items:center;gap:8px;font-size:13px} .registration-site-choices input{width:15px;height:15px;margin:0} #rowRegistrationDialog>small{display:block;font-size:11px;line-height:1.5;color:#758391} #savedListingsList .listing-site button[aria-busy=true]{display:inline-flex;align-items:center;gap:5px;color:#205f9b;background:#e6f0fc;border-color:#bdd5f0;opacity:1} #savedListingsList .listing-site button[aria-busy=true]::before{content:"";display:inline-block;width:11px;height:11px;border:2px solid #b8cfe7;border-top-color:#205f9b;border-radius:50%;animation:listing-site-spin .8s linear infinite} @keyframes listing-site-spin{to{transform:rotate(360deg)}} #savedListingsList .listing-site[data-ui-state=error] button{color:#a43131;background:#fceaea;border-color:#edc4c4} #savedListingsList .listing-site[data-ui-state=review] button{color:#8b531b;background:#fff0de;border-color:#ead3b5} #savedListingsList .listing-site[data-ui-state=login] button{color:#805d13;background:#fff3cc;border-color:#ecd99b} #savedListingsList .listing-site[data-ui-state=complete] button{color:#20603e;background:#e8f4ec;border-color:#c7e3d1} @media(prefers-reduced-motion:reduce){#savedListingsList .listing-site button[aria-busy=true]::before{animation-duration:2s}} .quick-registration-badge{display:inline-block;margin-left:4px;padding:1px 4px;border:1px solid currentColor;border-radius:4px;font-size:10px;line-height:1.2;opacity:.72;vertical-align:middle} /* accounts.css */ .auth-pending> :not(#loginGate):not(script){display:none!important} #loginGate{min-height:100vh;display:grid;place-items:center;background:#f1f4f7}#loginGate form{width:330px;padding:32px;border:1px solid #dce3eb;border-radius:12px;background:white;box-shadow:0 8px 30px #203b5510}#loginGate img{width:170px}#loginGate h1{font-size:20px}#loginGate p{font-size:12px;color:#61758a}#loginGate label,.account-dialog label{display:grid;gap:6px;margin:12px 0;font-size:13px}#loginGate input,.account-dialog input,.account-dialog select{height:34px;box-sizing:border-box;width:100%}#loginGate button{margin-top:12px;width:100%}.account-identity{font-size:11px;color:#64768b;padding:0 6px}.account-panel{width:900px;padding:20px;background:white;border-radius:10px}.accounts-table{width:100%;border-collapse:collapse;font-size:12px}.accounts-table td,.accounts-table th{padding:9px 6px;text-align:left;border-bottom:1px solid #e8edf3}.accounts-table button{font-size:11px;padding:4px 7px;margin-right:4px}.account-dialog{width:340px;border:1px solid #cdd8e4;border-radius:10px;padding:24px}.account-dialog h2{font-size:17px}.account-dialog button{margin:8px 5px 0 0}.account-dialog::backdrop{background:#152e4655} body[data-role="staff"] #workNavigation,body[data-role="staff"] #referenceNavigation,body[data-role="staff"] .listing-delete-button,body[data-role="staff"] .saved-site-action,body[data-role="staff"] .batch-actions,body[data-role="staff"] .batch-destinations{display:none!important} body[data-role="staff"] .listing-site button{pointer-events:none} body[data-role="staff"] #batchPanel>.batch-toolbar,body[data-role="staff"] #batchPanel>small{display:none!important} body:not([data-role="superadmin"]) #batchStart,body:not([data-role="superadmin"]) #batchResume,body:not([data-role="superadmin"]) #batchStop{display:none!important} .account-danger{border-color:#e6b3b0!important;background:#fff5f4!important;color:#b53b35!important;font-size:12px!important} .account-danger:hover{background:#ffe9e7!important;border-color:#d9857e!important} /* The staff account list uses the narrow, quiet table layout of the reference. */ body:has(#accountsView:not([hidden])) main{min-height:calc(100vh - 64px);padding-top:48px!important;background:#fff!important} #accountsView.account-panel{box-sizing:border-box;width:min(640px,calc(100% - 48px))!important;min-width:0!important;max-width:640px!important;flex:0 0 auto!important;margin:0 auto!important;padding:0!important;border:0;border-radius:0;background:transparent;box-shadow:none} #accountsView h1{margin:0;color:#14243b;font-size:24px;font-weight:800;line-height:1.2} #accountsView>p[role=status]{margin:8px 0;color:#47617b;font-size:12px} #accountsView>p[role=status]:empty{display:none} #accountsView .accounts-toolbar{margin:7px 0 22px} #accountsView .accounts-toolbar button{padding:0;border:0;background:transparent;color:#3f5774;font-size:12px;cursor:pointer} #accountsView .accounts-toolbar button::before{content:'＋';margin-right:3px;font-size:14px} #accountsView .accounts-toolbar button:hover{text-decoration:underline} #accountsView .accounts-table{width:100%;table-layout:fixed;border-collapse:collapse;color:#1a2e49;font-size:13px} #accountsView .accounts-table th,#accountsView .accounts-table td{box-sizing:border-box;padding:11px 12px;border-bottom:1px solid #dbe2ea;text-align:left;vertical-align:middle} #accountsView .accounts-table th{padding-top:6px;padding-bottom:12px;color:#8291a5;font-size:12px;font-weight:500} #accountsView .accounts-table th:first-child{width:39%} #accountsView .accounts-table th:nth-child(2){width:18%} #accountsView .accounts-table th:nth-child(3){width:22%} #accountsView .accounts-table th:last-child{width:21%;text-align:right} #accountsView .accounts-table td:last-child{text-align:right} #accountsView .account-staff-info strong,#accountsView .account-staff-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #accountsView .account-staff-info strong{font-size:13px;font-weight:650} #accountsView .account-staff-info small{margin-top:3px;color:#7c8ca1;font-size:11px} #accountsView .account-inactive{color:#a2444c} #accountsView .account-row-menu{position:relative;display:inline-block} #accountsView .account-row-menu>summary{display:inline-block;padding:5px 11px;border:0;border-radius:4px;background:#f2f3f5;color:#1d2d43;font-size:12px;font-weight:700;list-style:none;cursor:pointer} #accountsView .account-row-menu>summary::-webkit-details-marker{display:none} #accountsView .account-row-menu>summary:hover{background:#e7ebf0} #accountsView .account-menu-actions{position:absolute;z-index:5;top:calc(100% + 4px);right:0;display:grid;gap:2px;width:130px;padding:5px;border:1px solid #d9e1e9;border-radius:6px;background:#fff;box-shadow:0 8px 22px #1c355020} #accountsView .account-row-menu:not([open]) .account-menu-actions{display:none} #accountsView .account-menu-actions button{width:100%;margin:0;padding:7px 8px;border:0;border-radius:3px;background:transparent;color:#2d4967;font-size:11px;text-align:left;cursor:pointer} #accountsView .account-menu-actions button:hover{background:#eef3f8} /* mosaic-editor.css */ #mosaicEditor{width:min(1080px,96vw);max-height:94vh;box-sizing:border-box;padding:0;border:1px solid #e2e6eb;border-radius:16px;background:#fff;color:#172b3f;box-shadow:0 24px 70px #10243b40;overflow:auto} #mosaicEditor::backdrop{background:#172536b8} .mosaic-toolbar{display:flex;gap:12px;align-items:center;padding:17px 22px;border-bottom:1px solid #e7ebef} .mosaic-toolbar strong{font-size:18px;margin-right:auto}.mosaic-toolbar span{font-size:13px;color:#687a88} .mosaic-toolbar button,.photo-editor-tools button{border:1px solid #d8e0e7;border-radius:8px;background:#fff;color:#183650;font-size:13px;font-weight:600;padding:9px 12px;cursor:pointer} .mosaic-toolbar button:hover,.photo-editor-tools button:hover:not(:disabled){background:#f2f6f9;border-color:#aebecb} .photo-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:0;align-items:stretch} .photo-editor-main{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:18px;background:#f5f6f7} .mosaic-stage{position:relative;width:fit-content;max-width:100%;margin:auto;line-height:0;background:#e7eaed;box-shadow:0 2px 12px #10243b15} .mosaic-stage canvas{display:block;max-width:100%;max-height:57vh;width:auto;height:auto;touch-action:none;cursor:crosshair} #mosaicSelection{position:absolute;border:2px dashed #ff842c;background:#ff842c22;pointer-events:none;box-sizing:border-box} #mosaicSelection.is-crop{border-color:#4c96dd;background:#4c96dd2a}#mosaicSelection[hidden]{display:none} #mosaicHint{min-height:20px;margin:12px 0 0;color:#536b80;font-size:12px;line-height:1.5;text-align:center} .photo-editor-tools{display:grid;gap:14px;align-content:start;padding:22px 18px;border-left:1px solid #e7ebef} .photo-editor-tools>label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;font-weight:700} .photo-editor-tools>label input{grid-column:1/-1}.photo-editor-tools input[type=range]{width:100%;accent-color:#f07738} .photo-editor-toolrow{display:flex;gap:7px;align-items:center}.photo-editor-toolrow button{flex:1;min-width:0;white-space:nowrap;padding:9px 5px}.photo-editor-toolrow output{font-size:12px;min-width:42px;text-align:center} .photo-editor-tools button[aria-pressed=true]{background:#fff1e9;border-color:#f07738;color:#ad4d1e} .photo-editor-tools #photoEditReset{margin-top:5px}.photo-editor-tools #mosaicSave{width:100%;margin-top:4px;border-color:#e96b2d;background:#f07536;color:#fff;font-weight:700}.photo-editor-tools #mosaicSave:hover:not(:disabled){background:#dd6225;color:#fff} .photo-editor-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;border-top:1px solid #e7ebef;background:#fff} .photo-editor-strip button{flex:none;width:62px;height:62px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#e9eef3;cursor:pointer}.photo-editor-strip button[aria-current=true]{border-color:#f07536;box-shadow:0 0 0 2px #f0753633}.photo-editor-strip img{display:block;width:100%;height:100%;object-fit:cover} @media(max-width:750px){.photo-editor-layout{grid-template-columns:1fr}.photo-editor-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border-left:0;border-top:1px solid #e7ebef}.photo-editor-tools>label{grid-column:1/-1}.photo-editor-tools #mosaicSave{margin-top:0}.mosaic-stage canvas{max-height:43vh}.photo-editor-main{padding:12px}} /* Compact photo editor with the controls beside the image. */ #mosaicEditor{width:min(506px,94vw);max-height:min(94vh,720px);border-radius:20px} .mosaic-toolbar{padding:18px 28px 10px;border:0}.mosaic-toolbar strong{font-size:22px}.mosaic-toolbar #photoEditClose{border:0;background:transparent;color:#111;font:32px/1 Arial;padding:0 2px} .photo-editor-layout{display:block}.photo-editor-main{padding:18px 22px 4px;background:#fff} .mosaic-stage{width:300px;height:300px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:repeating-conic-gradient(#282828 0% 25%,#333 0% 50%) 50%/16px 16px;box-shadow:none;overflow:hidden} .photo-editor-stage-row{display:flex;align-items:center;justify-content:center;gap:7px} .photo-editor-page{flex:none;width:32px;height:46px;border:0;border-radius:7px;background:#edf1f4;color:#283b4d;font:32px/1 Arial;cursor:pointer} .photo-editor-page:hover:not(:disabled){background:#dbe5ed}.photo-editor-page:disabled{opacity:.35;cursor:default} .mosaic-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto} .photo-editor-floating{position:absolute;right:7px;bottom:7px;display:grid;gap:5px;z-index:2} .photo-editor-floating button{width:28px;height:28px;border:0;border-radius:4px;background:#222b;color:#fff;font:22px/1 Arial;cursor:pointer} .photo-editor-floating button:hover,.photo-editor-floating button[aria-pressed=true]{background:#f07536} #mosaicHint{margin:7px 0 0;min-height:18px;font-size:11px;color:#697984} .photo-editor-tools{display:grid;gap:12px;padding:8px 28px 12px;border:0} .photo-editor-tools>label{font-size:13px;grid-template-columns:1fr auto;gap:5px}.photo-editor-tools>label input{margin:4px 0 0;accent-color:#273441} .photo-editor-more{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.photo-editor-more button{padding:5px 8px;font-size:11px}.photo-editor-more output{margin-left:auto;font-size:11px;color:#637482} .photo-editor-strip{margin:0 28px;padding:14px 0;gap:8px;background:#f7f8f9;border:0;border-radius:8px;min-height:65px} .photo-editor-strip button{width:64px;height:64px;border-radius:4px}.photo-editor-strip button[aria-current=true]{border-color:#f07536} .photo-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 28px 22px}.photo-editor-actions button{border:0;border-radius:7px;background:#29323e;color:#fff;font-size:13px;font-weight:700;padding:11px 14px;cursor:pointer}.photo-editor-actions #mosaicSave{background:#f87500}.photo-editor-actions #mosaicSave:hover:not(:disabled){background:#db6500} @media(max-width:550px){#mosaicEditor{max-height:96vh}.mosaic-toolbar{padding:14px 18px 4px}.photo-editor-main{padding:12px 8px 4px}.mosaic-stage{width:min(300px,67vw);height:min(300px,67vw)}.photo-editor-page{width:28px}.photo-editor-tools{grid-template-columns:1fr;padding:8px 18px}.photo-editor-strip{margin:0 18px}.photo-editor-actions{padding:12px 18px 18px}} /* price-calculation.css */ #registration-price{position:relative}#priceCalculation{position:absolute;right:24px;top:69px;display:flex;align-items:baseline;gap:7px;color:#70808f;font-size:12px;line-height:1.6;background:transparent;border:0;padding:0}#priceCalculation strong{font-size:13px;font-weight:600;color:#294761;white-space:nowrap}#priceCalculation small{font-size:10px;color:#83909c} .officetel-eligibility{width:180px!important;flex:0 0 180px!important}.officetel-eligibility select{width:170px!important}.officetel-eligibility[hidden]{display:none!important} /* customer-ledger.css */ .customer-ledger{width:712px;min-width:712px;max-width:712px;margin:0 auto;padding:18px 0;color:#203e57}.customer-heading,.customer-tools,.customer-primary,.customer-secondary,.customer-actions{display:flex;align-items:center;gap:10px}.customer-heading{justify-content:space-between}.customer-heading h1{font-size:21px;margin:0}.customer-ledger>p,.customer-message{font-size:12px;color:#6b7b8a}.customer-tools input{width:270px}.customer-tools select{width:125px}.customer-list{background:white;border:1px solid #e1e7ec;border-radius:8px;overflow:hidden}.customer-row{padding:12px 14px;border-bottom:1px solid #e1e7ec}.customer-row:last-child{border-bottom:0}.customer-row.overdue{border-left:3px solid #db921e;background:#fffaf1}.customer-primary{font-size:13px;flex-wrap:wrap}.customer-phone{font-size:15px!important;font-weight:700;color:#244e72;background:none!important;border:0!important;padding:0!important}.customer-row p{font-size:12px;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-secondary{font-size:11px;color:#718091;flex-wrap:wrap}.customer-secondary b{color:#ac6a0b}.customer-actions{justify-content:flex-end;margin-top:6px;gap:5px}.customer-actions select{width:92px!important}.customer-actions button,.customer-actions select{font-size:11px;padding:4px 8px;min-height:27px;height:27px}.customer-delete{color:#b34f4f}.customer-dialog{width:550px;max-width:90vw;border:1px solid #d6e0e8;border-radius:10px;padding:22px}.customer-dialog::backdrop{background:#152b4366}.customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px}.customer-fields input,.customer-fields textarea{width:100%;box-sizing:border-box}.customer-fields textarea{height:80px}.customer-dialog>button{margin:10px 5px 0 0}.customer-connection{margin-top:18px;font-size:12px}.customer-connection input{display:block;width:90%;margin:8px 0} .customer-row{display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:12px} .customer-row>:not(.customer-recent){grid-column:2} .customer-recent{grid-column:1;grid-row:1 / span 5;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:1px;white-space:nowrap} .customer-recent strong{font-size:15px;font-weight:800;line-height:1.3;color:#b44926} .customer-recent small{font-size:10px;line-height:1.3;color:#8190a0;margin-top:3px} .customer-dates{font-size:11px;color:#6c7e90;margin:0 0 12px} @media(max-width:760px){.customer-row{grid-template-columns:64px minmax(0,1fr);column-gap:8px}.customer-recent strong{font-size:14px}} #officeSidebar [data-ledger-menu]{font-size:11px;gap:7px;padding:5px 8px;min-height:29px} body.simple-entry main>#customersView{width:834px;min-width:0;max-width:calc(100% - 16px);flex:0 0 834px;margin:0;padding:18px 0;box-sizing:border-box} .customer-ledger input,.customer-ledger select,.customer-dialog input,.customer-dialog textarea{border:1px solid #d5dfe9;border-radius:4px;background:#fff;color:#294b68;padding:6px 8px;font-family:inherit;font-size:12px}.customer-primary>span{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} body #officeSidebar button.customer-menu-highlight{background:#dcebf3;color:#204f70;border-color:#bad5e5;font-weight:750;box-shadow:inset 2px 0 #72b2cc}body #officeSidebar button.customer-menu-highlight:hover{background:#c5e0ed;color:#153f5d;border-color:#96bfd4}body #officeSidebar button.customer-menu-highlight.active{background:#b5d8e8;color:#133f5c;border-color:#86b9d0;box-shadow:inset 3px 0 #4694b7}body #officeSidebar button.customer-menu-highlight:focus-visible{outline:2px solid #8ac9e4;outline-offset:2px}.customer-count-badge{margin-left:auto;min-width:17px;height:17px;line-height:17px;padding:0 4px;border-radius:9px;background:#2d6887;color:white;font-size:10px;font-weight:700;text-align:center;box-sizing:border-box}.customer-count-badge[hidden]{display:none}.sidebar-collapsed .customer-count-badge{position:absolute;top:2px;right:1px;font-size:8px;min-width:12px;height:12px;line-height:12px;padding:0 2px}.sidebar-collapsed .customer-menu-highlight{position:relative} body.simple-entry main>.customer-sheet-view{width:712px;min-width:712px;max-width:712px;margin:20px auto;padding:20px;background:white;border:1px solid #e1e7ec;border-radius:8px}.customer-sheet-view p{font-size:13px;line-height:1.7;color:#6b7b8a} /* Main-menu placement: customer entry, then the three sheet destinations. */ #officeSidebar .ledger-menu-group{display:flex;flex-direction:column;gap:3px;padding:0;margin:0} #officeSidebar .ledger-menu-space{display:none} body #officeSidebar .sidebar-main [data-ledger-menu]{font-size:12px;font-weight:550;min-height:34px;height:34px;box-sizing:border-box;padding:7px 10px;gap:10px} body #officeSidebar button.customer-menu-highlight{margin-top:8px;transform:translateY(-4px);font-size:13px;font-weight:600;background:transparent;color:#e6eef6;border-color:transparent;box-shadow:none} body #officeSidebar button.customer-menu-highlight:hover{background:#355b7c;color:#fff;border-color:#476d8d;box-shadow:none} body #officeSidebar button.customer-menu-highlight.active{background:#416f95;color:#fff;border-color:#547fa1;box-shadow:inset 3px 0 #b1d7f1,0 2px 4px #102d4920} body.simple-entry main>.live-sheet-view{width:100%;min-width:0;max-width:none;flex:none;margin:0;padding:0;box-sizing:border-box} .live-sheet-view{display:flex;flex-direction:column;min-height:calc(100vh - 126px);padding-bottom:18px;box-sizing:border-box}.live-sheet-view .sheet-source{display:flex;flex-direction:column;min-height:0;margin:0 0 14px;border:1px solid #d5dfe9;border-radius:6px;background:#fff;overflow:hidden}.live-sheet-view .sheet-source-status{margin:0;padding:8px 10px;border-bottom:1px solid #e5ebf0;background:#f7fafc;color:#536d82;font-size:12px;line-height:1.45}.live-sheet-view .sheet-frame-shell{height:clamp(520px,calc(100vh - 260px),900px);min-height:520px;overflow:hidden;background:#fff}.live-sheet-view .sheet-source-frame{display:block;width:100%;height:100%;min-height:520px;border:0;background:#f5f7f9} .live-sheet-view h1{font-size:21px;margin:0 0 12px}.live-sheet-view input,.live-sheet-view select{border:1px solid #d5dfe9;border-radius:4px;padding:6px 8px;font:12px inherit;color:#294b68;background:white}.live-sheet-view .customer-tools select{width:125px}.sheet-records{background:white;border:1px solid #e1e7ec;border-radius:6px;overflow:hidden}.sheet-row-head,.sheet-row-main{display:grid;align-items:center;gap:8px;padding:8px 10px;grid-template-columns:50px 215px 52px 100px 66px 58px 85px 72px 146px}.sheet-row-head{background:#f0f4f7;font-size:11px;color:#687e90}.sheet-row-main{font-size:12px}.sheet-row-head.commercial,.sheet-row-main.commercial{grid-template-columns:50px 75px 300px 115px 145px 72px 146px}.sheet-record{border-top:1px solid #e8edf2}.sheet-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-cell.address{font-weight:650;font-size:13px}.sheet-cell.money,.sheet-cell.price{font-weight:700;text-align:right}.sheet-row-actions{display:flex;gap:4px;justify-content:flex-end}.sheet-row-actions button{font-size:11px;min-height:25px;padding:3px 6px}.sheet-row-sub{display:flex;gap:12px;padding:0 10px 8px 68px;font-size:11px;color:#788896;overflow:hidden}.sheet-row-sub span{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} body #officeSidebar .sidebar-main button.customer-menu-highlight{font-size:13px;font-weight:600} /* Preserve controls and handlers; administrative destinations are the final group. */ body #officeSidebar #workNavigation{margin-top:0} body #officeSidebar #referenceNavigation,body[data-role="staff"] #officeSidebar #referenceNavigation{margin-top:0} body #officeSidebar .sidebar-admin-footer{margin-top:auto;padding-top:12px;border-top:1px solid #3c5b76} body #officeSidebar .sidebar-admin-footer button{font-size:12px;font-weight:550;min-height:34px} body #officeSidebar #sheetNavigation button[data-ledger-menu]{font-size:12px;font-weight:550;height:34px;min-height:34px;box-sizing:border-box;padding:7px 10px;gap:10px} body #officeSidebar #sheetNavigation button.customer-menu-highlight{font-size:13px;font-weight:600} /* Final groups: main, sheets, work, references, administration. */ body #officeSidebar #sheetNavigation{border-top:0;padding:5px 0 12px;margin:0;border-bottom:1px solid #3c5b76} body #officeSidebar #sheetNavigation .ledger-menu-group{margin-top:9px;gap:3px} body #officeSidebar #sheetNavigation button.customer-menu-highlight{color:#514522;background:#f4edcf;border-color:#e2d6a6;margin-top:0;transform:none;box-shadow:none} body #officeSidebar #sheetNavigation button.customer-menu-highlight:hover{background:#ede2b6;color:#44391d;border-color:#d7c78e} body #officeSidebar #sheetNavigation button.customer-menu-highlight.active{background:#e8dba6;color:#3e341b;border-color:#d1bc76;box-shadow:inset 3px 0 #b49a49} body #officeSidebar #sheetNavigation .ticktick-menu{min-height:34px;padding:7px 10px;gap:10px;font-size:12px;font-weight:650;color:#e4f2ff;background:#173f60;border-color:#365e7d} body #officeSidebar #sheetNavigation .ticktick-menu:hover,body #officeSidebar #sheetNavigation .ticktick-menu:focus-visible{color:#fff;background:#245578;border-color:#5c8daf} body #officeSidebar #workNavigation{border-top:0} body #officeSidebar #referenceNavigation{margin-top:0} body #officeSidebar .sidebar-admin-footer{margin-top:12px} /* Keep the two primary work actions visually centered in the open space between the workspace header and the sheet destinations. Lower groups and their existing order remain unchanged. */ @media(min-width:761px){ body.has-sidebar #officeSidebar #sidebarGroups>.sidebar-main{ margin-top:clamp(42px,8vh,92px); } } /* 1-page registry check panel and compact Google-Sheets-backed work lists. */ #registerView.registry-panel-open{width:100%!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;margin-inline:0!important} #registryWorkspace{width:100%;min-width:0}.registry-workspace.is-open{display:grid;grid-template-columns:minmax(460px,var(--registry-left,65%)) 8px minmax(320px,1fr);gap:0;align-items:stretch;min-height:calc(100vh - 150px)} .registry-form-pane{min-width:0;overflow:auto;scrollbar-gutter:stable}.registry-workspace.is-open .registry-form-pane{max-height:calc(100vh - 150px);padding-right:12px}.registry-divider{display:none;background:#d3dce5;border-left:1px solid #c1ceda;border-right:1px solid #c1ceda;cursor:col-resize;min-height:100%;touch-action:none}.registry-workspace.is-open .registry-divider{display:block}.registry-divider:focus{outline:2px solid #6e94b9;outline-offset:1px} .building-registry-panel{min-width:0;min-height:0;overflow:auto;background:#fff;border:1px solid #d7e0e8;border-radius:8px;box-shadow:0 4px 18px #1b38540d;padding:18px;box-sizing:border-box}.registry-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e8edf2;padding-bottom:11px}.registry-panel-header h2{margin:0;color:#294d6e;font-size:17px}.registry-close{white-space:nowrap}.registry-target{margin:13px 0 7px;padding:10px 12px;background:#f4f8fb;border:1px solid #e0e9f0;border-radius:5px;color:#315a7c;font-size:12px;font-weight:650;overflow-wrap:anywhere}.registry-panel-status{margin:0 0 12px;color:#5f7488;font-size:12px;line-height:1.6}.registry-panel-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.registry-panel-actions button{font-size:11px;min-height:29px;padding:5px 9px}.registry-panel-note{margin:0 0 14px;padding:9px 10px;background:#fffaf0;border:1px solid #eee0ba;border-radius:5px;color:#806b3c;font-size:11px;line-height:1.6}.registry-fields{display:grid;grid-template-columns:130px minmax(0,1fr);margin:0;border-top:1px solid #e4eaf0}.registry-fields dt,.registry-fields dd{margin:0;padding:8px 9px;border-bottom:1px solid #e9eef3;font-size:12px;overflow-wrap:anywhere}.registry-fields dt{background:#f7f9fb;color:#687d90;font-weight:650}.registry-fields dd{color:#263f56;white-space:pre-wrap} .sheet-source-actions{display:flex;justify-content:flex-end;padding:8px 10px;border-top:1px solid #e5ebf0;background:#fbfcfd}.sheet-source-actions button{font-size:11px;min-height:28px;padding:4px 9px}.sheet-records>p{padding:16px;margin:0;color:#6d7d8b;font-size:12px}.sheet-row-actions{flex-wrap:wrap}.sheet-row-actions button{white-space:nowrap}.sheet-detail-dialog{width:min(760px,92vw);max-height:86vh;overflow:auto;border:1px solid #d3dee8;border-radius:9px;padding:18px 20px;box-shadow:0 14px 45px #172b3d33}.sheet-detail-dialog::backdrop{background:#142b4066}.sheet-detail-dialog h2{margin:0 0 7px;color:#294d6e;font-size:17px}.sheet-detail-dialog>p{margin:0 0 14px;color:#718292;font-size:11px}.sheet-detail-fields{display:grid;grid-template-columns:150px minmax(0,1fr);margin:0;border-top:1px solid #e3e9ef}.sheet-detail-fields dt,.sheet-detail-fields dd{margin:0;padding:8px 9px;border-bottom:1px solid #e9eef3;font-size:12px;overflow-wrap:anywhere}.sheet-detail-fields dt{background:#f7f9fb;color:#687d90;font-weight:650}.sheet-detail-fields dd{color:#263f56;white-space:pre-wrap}.sheet-detail-dialog>button{margin-top:14px} @media (max-width:900px){.registry-workspace.is-open{display:flex;flex-direction:column;min-height:0}.registry-workspace.is-open .registry-form-pane{max-height:none;padding-right:0}.registry-workspace.is-open .registry-divider{display:none}.building-registry-panel{margin-top:10px;min-height:60vh}.sheet-row-head,.sheet-row-main{min-width:920px}.live-sheet-view{overflow-x:auto}} .customer-heading-actions{display:flex;align-items:center;gap:8px}.customer-heading-actions button{white-space:nowrap} .customer-memo-preview{display:flex;gap:9px;align-items:flex-start;margin:8px 0 4px;padding:9px 11px;border:1px solid #e5e9e7;border-left:3px solid #9fb7a8;border-radius:5px;background:#f9fbf9;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#465e51}.customer-memo-preview strong{flex:none;color:#526e5d}.customer-memo-preview[role=button]{cursor:pointer}.customer-memo-preview[role=button]:hover{background:#f1f7f2;border-color:#cadacb}.customer-memo-preview:focus-visible{outline:2px solid #5e9679;outline-offset:2px}.customer-memo-dialog{width:min(540px,90vw)}.customer-memo-dialog>label{display:block;font-size:13px;font-weight:700}.customer-memo-dialog textarea{display:block;width:100%;min-height:190px;margin-top:8px;resize:vertical;font-size:14px;line-height:1.6;padding:12px}.customer-memo-hint{font-size:12px;line-height:1.5;color:#718091}.customer-memo-dialog [role=status]{min-height:16px;font-size:12px;color:#a34e3b} .customer-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0;padding:9px;border:1px solid #e6ebef;border-radius:5px;background:#fbfcfd}.customer-source-grid:empty{display:none}.customer-source-grid>div{min-width:0;display:flex;flex-direction:column;gap:2px}.customer-source-grid small{font-size:10px;color:#718191}.customer-source-grid span{font-size:12px;color:#304b62;white-space:pre-wrap;overflow-wrap:anywhere}.customer-source-grid>div:has(small:first-child){min-height:30px}@media(max-width:720px){.customer-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .customer-ledger .customer-primary{font-size:14px;gap:8px;line-height:1.35}.customer-ledger .customer-primary strong{font-size:14px}.customer-ledger .customer-phone{font-size:15px!important}.customer-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:6px 0;padding:8px 10px}.customer-source-grid small{font-size:11px}.customer-source-grid span{font-size:13px;line-height:1.35}.customer-memo-preview{margin:5px 0;padding:7px 9px;font-size:13px}.customer-memo-preview[hidden]{display:none}.customer-actions{margin-top:4px}.customer-actions button,.customer-actions select{font-size:12px;min-height:31px;height:31px}.customer-actions select{width:112px!important}@media(max-width:720px){.customer-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .customer-source-grid{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;margin:6px 0;padding:6px 0;border:0;border-top:1px solid #e8edf0;border-radius:0;background:transparent}.customer-source-grid>div,.customer-source-grid>div:has(small:first-child){display:inline-flex;flex-direction:row;align-items:baseline;gap:5px;min-height:0}.customer-source-grid small{white-space:nowrap}.customer-source-grid .customer-source-wide{flex-basis:100%}.customer-source-grid .customer-source-wide span{min-width:0;max-width:100%} .customer-row{padding:8px 12px;column-gap:8px}.customer-source-grid{gap:3px 12px;margin:3px 0;padding:3px 0}.customer-source-grid .customer-source-wide{flex-basis:auto;max-width:100%}.customer-actions{margin-top:2px;gap:4px}.customer-actions button,.customer-actions select{min-height:29px;height:29px;padding:4px 7px} .customer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;margin-top:5px}.customer-memo-preview{width:100%;min-width:0;box-sizing:border-box;margin:0}.customer-memo-preview span{min-width:0}.customer-bottom .customer-actions{margin:0;white-space:nowrap}@media(max-width:720px){.customer-bottom{grid-template-columns:minmax(0,1fr)}.customer-bottom .customer-actions{justify-self:end;flex-wrap:wrap}} .customer-state-badge{display:inline-flex;align-items:center;border-radius:10px;padding:2px 7px;background:#eaf5ee;color:#2d7451;font-size:11px;font-weight:700;white-space:nowrap}.customer-primary .customer-state-badge:last-child{margin-left:2px}.customer-fields select{width:100%;box-sizing:border-box;min-height:34px} .customer-state-badge.is-complete{background:#fde9e7;color:#bb332d} .customer-state-badge.is-progress{background:#e8f1fc;color:#2766a6} .customer-quick-line{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px;font-size:12px;color:#667b8b}.customer-quick-line button{min-height:24px;padding:2px 8px;font-size:11px;line-height:1.3} .customer-assignee-line{display:flex;align-items:center;gap:6px}.customer-assignee-line>span{white-space:nowrap}.customer-assignee-line select{min-width:90px;max-width:180px;min-height:25px;height:25px;padding:2px 24px 2px 7px;font-size:12px} .customer-quick-line .customer-actions{margin:0 0 0 auto;white-space:nowrap}.customer-bottom[hidden]{display:none}@media(max-width:720px){.customer-quick-line{flex-wrap:wrap}.customer-quick-line .customer-actions{width:100%;justify-content:flex-end}} .customer-memo-editor{display:block;padding:6px 8px}.customer-memo-editor textarea{display:block;width:100%;box-sizing:border-box;min-height:68px;resize:vertical;border:1px solid #d4dfd7;border-radius:4px;padding:7px 8px;font-family:inherit;font-size:13px;line-height:1.45;color:#263f36;background:#fff}.customer-memo-actions{display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:5px}.customer-memo-actions small{margin-right:auto;font-size:10px;color:#819086}.customer-memo-actions button{min-height:25px;padding:3px 8px;font-size:11px} @media(max-width:720px){body.simple-entry main>#customersView{width:100%;max-width:100%;padding:12px 0}.customer-heading{align-items:flex-start;gap:10px}.customer-heading-actions{flex-wrap:wrap;justify-content:flex-end}.customer-tools{flex-wrap:wrap}.customer-tools input{width:min(100%,270px)}} .live-sheet-view .sheet-row-head.compact{grid-template-columns:62px 120px minmax(220px,2fr) 118px 155px 116px repeat(3,84px) 172px;min-width:0;padding:8px 10px;gap:8px} .live-sheet-view .sheet-compact-row{display:grid;grid-template-columns:62px 120px minmax(220px,2fr) 118px 155px 116px repeat(3,84px) 172px;align-items:center;gap:8px;padding:8px 10px;min-height:62px;font-size:12px} .compact-record{border-top:1px solid #e8edf2}.sheet-photo{width:54px;height:54px;border:1px solid #dbe4eb;border-radius:4px;background:#f4f7f9;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8a99a5;font-size:10px;text-align:center}.sheet-photo img{width:100%;height:100%;object-fit:cover}.sheet-listing-number{font-size:11px;color:#526b80;overflow-wrap:anywhere}.sheet-address-cell,.sheet-type-cell{display:flex;flex-direction:column;min-width:0;gap:2px}.sheet-address-cell strong{font-size:13px;color:#264d6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-address-cell span{font-size:11px;color:#71808d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-type-cell b{font-size:12px;color:#385873}.sheet-type-cell small{font-size:10px;color:#83909c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-price-cell{font-weight:700;color:#294d6e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-area-cell{color:#526b7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.platform-cell b{font-size:11px;padding:3px 6px;border-radius:10px;background:#edf1f4;color:#667785;white-space:nowrap}.platform-cell.광고중 b{background:#e5f2e8;color:#2e7545}.platform-cell.오류 b{background:#fae9e7;color:#a04d46}.platform-cell small{font-size:9px;color:#aa625a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sheet-compact-row .sheet-row-actions{justify-content:flex-end;align-items:center;gap:4px}.sheet-compact-row .sheet-row-actions button{font-size:10px;min-height:25px;padding:3px 5px} @media (max-width:900px){.live-sheet-view{overflow-x:hidden}.live-sheet-view .sheet-row-head.compact{display:none}.live-sheet-view .sheet-compact-row{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:6px 9px;padding:10px;min-height:0}.sheet-photo{grid-column:1;grid-row:1 / span 2;width:56px;height:56px}.sheet-listing-number{grid-column:2 / 4;grid-row:1}.sheet-address-cell{grid-column:2 / 4;grid-row:2}.sheet-type-cell{grid-column:2;grid-row:3}.sheet-price-cell{grid-column:3;grid-row:3}.sheet-area-cell{grid-column:2 / 4;grid-row:4}.sheet-compact-row .platform-cell{grid-row:5}.sheet-compact-row .platform-cell:nth-of-type(6){grid-column:1 / 2}.sheet-compact-row .platform-cell:nth-of-type(7){grid-column:2 / 3}.sheet-compact-row .platform-cell:nth-of-type(8){grid-column:3 / 4}.sheet-compact-row .sheet-row-actions{grid-column:1 / 4;grid-row:6;justify-content:flex-end;padding-top:3px;border-top:1px solid #eef1f3}} .sheet-address-cell{gap:0}.sheet-address-cell strong{font-size:15px;font-weight:700;line-height:1.25;color:#1f2f40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-address-cell strong[title]{cursor:help}.sheet-type-cell{gap:1px}.sheet-type-cell b{font-size:12px;font-weight:400;line-height:1.2;color:#71808d}.sheet-type-cell small{font-size:11px;font-weight:400;color:#8a969f;line-height:1.2} /* Registration work panel: the original form remains on the left while the authenticated reference sites use the right half of the workspace. */ .building-registry-panel{display:flex;flex-direction:column;align-self:start;min-height:0;max-height:calc(100vh - 100px)} .building-registry-panel[hidden]{display:none} .registry-form-pane>.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .registry-panel-toggle{flex:none;margin-left:auto;padding:6px 12px;border:1px solid #cbd8e3;border-radius:5px;background:#fff;color:#385a76;font-size:12px;font-weight:650;cursor:pointer} .registry-panel-toggle:hover{background:#f1f6fa;border-color:#8daac0} .registry-panel-title{font-size:17px!important} .registry-panel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 10px;padding-bottom:8px;border-bottom:1px solid #e6edf2} .registry-work-tabs{display:flex;align-items:center;gap:4px;min-width:0} .registry-work-tab,.registry-tool-button{min-height:31px;padding:6px 10px;border:1px solid #cbd8e3;border-radius:4px;background:#fff;color:#385a76;font-size:12px;font-weight:650;white-space:nowrap} .registry-work-tab:hover,.registry-tool-button:hover{background:#f1f6fa;border-color:#8daac0} .registry-work-tab.active{background:#2f6591;border-color:#2f6591;color:#fff} .registry-work-tools{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-shrink:0} .registry-work-tools .registry-tool-button{font-size:11px;padding:5px 8px} .registry-lookup-summary{flex:0 1 auto;max-height:340px;overflow:auto;margin:0 0 10px;padding:9px 10px;border:1px solid #dfe8ee;background:#fbfcfd;border-radius:4px;color:#36546c} .registry-lookup-summary>strong{display:block;font-size:12px;color:#2b5778} .registry-lookup-summary-status{margin:5px 0 8px;font-size:11px;line-height:1.5;color:#6a7d8b} .registry-lookup-summary .registry-fields{font-size:11px} .registry-lookup-summary .registry-fields dt,.registry-lookup-summary .registry-fields dd{padding:5px 7px;font-size:11px} .registry-site-content{display:flex;flex:0 0 auto;flex-direction:column;min-height:0;overflow:visible} .registry-target-prominent{font-size:14px;font-weight:700;line-height:1.5} .registry-iros-notice{padding:11px 12px;border:1px solid #dce5ec;border-radius:5px;background:#f8fafc;color:#526b7d;font-size:12px;line-height:1.6} .registry-internal-help{margin-top:10px;padding:12px;border:1px solid #dce5ec;border-radius:5px;background:#f8fafc;color:#526b7d;font-size:12px;line-height:1.6} .registry-internal-help p{margin:0 0 9px}.registry-internal-help button{padding:6px 10px;border:1px solid #2f6591;border-radius:4px;background:#2f6591;color:#fff;cursor:pointer} .work-site-frame-wrap{display:flex;flex:1 1 0;min-height:320px;overflow:hidden;border:1px solid #ccd9e2;background:#fff} .work-site-frame{display:block;width:100%;height:100%;min-height:320px;border:0;background:#fff} .work-site-fallback{display:flex;flex:1 1 auto;min-height:280px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;border:1px solid #dce5ec;background:#f8fafc;color:#526b7d} .work-site-fallback strong{font-size:15px;color:#294d6e} .work-site-fallback p{max-width:420px;margin:0;font-size:12px;line-height:1.7} .work-site-fallback button{min-height:34px;padding:7px 12px;background:#2f6591;color:#fff;border:1px solid #2f6591;border-radius:4px;font-size:12px;font-weight:650} @media (max-width:1180px) and (min-width:901px){.registry-workspace.is-open{grid-template-columns:minmax(420px,58%) 8px minmax(320px,1fr)}} @media (max-width:900px){.registry-panel-controls{align-items:flex-start;flex-wrap:wrap}.registry-work-tools{width:100%;justify-content:flex-end}.registry-site-content{min-height:360px}.work-site-frame-wrap{min-height:360px}.work-site-frame{min-height:360px}} /* app-customer-intake.css */ .hana-customer-intake{max-width:1500px;margin:0 auto;padding:18px 22px 40px;box-sizing:border-box} .hana-ci-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px} .hana-ci-head small{font-size:10px;letter-spacing:.12em;color:#758392}.hana-ci-head h1{margin:3px 0 4px;font-size:25px;color:#20384d} .hana-ci-head p{margin:0;color:#667786;font-size:13px}.hana-ci-head-actions{display:flex;align-items:center;gap:8px} .hana-ci-assignee{font-size:12px;color:#5f6f7e}.hana-ci-head button,.hana-ci-entry button,.hana-ci-list-panel button{border:1px solid #c7d1da;border-radius:6px;background:#fff;color:#31485b;min-height:32px;padding:5px 10px;cursor:pointer} #hanaCiNew,#hanaCiSave{background:#244b70;border-color:#244b70;color:#fff;font-weight:700} .hana-ci-entry,.hana-ci-list-panel{border:1px solid #d9e2e9;border-radius:10px;background:#fff;padding:14px 16px;box-shadow:0 1px 4px rgba(25,48,69,.05)} .hana-ci-entry{margin-bottom:14px}.hana-ci-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px} .hana-ci-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:650;color:#566a7a;min-width:0}.hana-ci-grid label.wide{grid-column:span 2} .hana-ci-grid input,.hana-ci-grid select,.hana-ci-grid textarea,.hana-ci-tools input,.hana-ci-tools select{box-sizing:border-box;width:100%;border:1px solid #cbd5de;border-radius:6px;background:#fff;color:#1f3445;font:13px/1.4 inherit;padding:8px 9px} .hana-ci-grid textarea{resize:vertical;min-height:52px}.hana-ci-grid input:focus,.hana-ci-grid select:focus,.hana-ci-grid textarea:focus,.hana-ci-tools input:focus,.hana-ci-tools select:focus{outline:2px solid #7fa8c6;outline-offset:1px;border-color:#6c97b7} .hana-ci-savebar{display:flex;align-items:center;gap:10px;margin-top:11px}.hana-ci-savebar #hanaCiFormStatus{flex:1;min-width:0;font-size:12px;color:#667786}.hana-ci-shortcut{font-size:10px;color:#89949f} #hanaCiSave{min-width:90px}.hana-ci-tools{display:grid;grid-template-columns:minmax(240px,1fr) 150px auto auto;gap:8px;align-items:center;margin-bottom:8px} #hanaCiCount{justify-self:end;color:#344c5e;font-size:12px}.hana-ci-list-panel>#hanaCiListStatus{min-height:18px;margin:0 0 8px;color:#73818d;font-size:11px} .hana-ci-rows{display:grid;gap:7px}.hana-ci-row{border:1px solid #d9e1e7;border-radius:8px;padding:9px 10px;background:#fbfcfd}.hana-ci-row.is-overdue{border-left:4px solid #d4772a;background:#fffaf5} .hana-ci-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hana-ci-identity{display:flex;align-items:center;gap:7px;min-width:0}.hana-ci-identity strong{font-size:14px;color:#20384d} .hana-ci-phone{border:0!important;background:transparent!important;min-height:0!important;padding:2px!important;color:#2a678f!important;font-weight:700}.hana-ci-call{font-size:10px;color:#2f7252;text-decoration:none;border:1px solid #b6d6c4;border-radius:5px;padding:2px 5px} .hana-ci-state{width:100px;border:1px solid #cbd5de;border-radius:5px;background:#fff;padding:5px 6px;font-size:11px} .hana-ci-facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.hana-ci-facts span{font-size:11px;color:#556a7a;background:#edf3f7;border-radius:4px;padding:3px 6px} .hana-ci-request{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin-top:7px}.hana-ci-request strong{font-size:10px;color:#7d8993}.hana-ci-request span{font-size:11px;color:#344b5c;white-space:pre-wrap;overflow-wrap:anywhere} .hana-ci-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;color:#788690;font-size:10px}.hana-ci-meta .is-due{color:#b35e1b;font-weight:700} .hana-ci-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:7px}.hana-ci-actions button{min-height:27px;padding:3px 8px;font-size:10px}.hana-ci-actions button:disabled{opacity:.45;cursor:default} .hana-ci-empty{padding:26px;text-align:center;color:#7f8c96}.hana-ci-pages{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.hana-ci-pages span{font-size:11px;color:#667786} #officeSidebar button[data-view="customerIntake"]{position:relative}#officeSidebar .hana-ci-menu-badge{margin-left:auto;font-size:8px;line-height:14px;padding:0 4px;border-radius:4px;background:#355f7d;color:#eaf4fb} @media(max-width:980px){.hana-customer-intake{padding:12px}.hana-ci-head{flex-direction:column}.hana-ci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hana-ci-tools{grid-template-columns:1fr 120px}.hana-ci-tools #hanaCiRefresh,#hanaCiCount{justify-self:stretch}.hana-ci-savebar{flex-wrap:wrap}.hana-ci-savebar #hanaCiFormStatus{flex-basis:100%}} @media(max-width:560px){.hana-ci-grid{grid-template-columns:1fr}.hana-ci-grid label.wide{grid-column:auto}.hana-ci-tools{grid-template-columns:1fr}.hana-ci-row-top{align-items:flex-start}.hana-ci-identity{flex-wrap:wrap}.hana-ci-state{width:96px}.hana-ci-request{grid-template-columns:1fr}.hana-ci-actions{justify-content:flex-start}} .hana-ci-level{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border-radius:9px;font-size:9px;font-weight:750;white-space:nowrap;background:#e8edf1;color:#475866} .hana-ci-level[data-level="trash"]{background:#ececec;color:#555} .hana-ci-level[data-level="difficult"]{background:#f7e5e5;color:#923f45} .hana-ci-level[data-level="unknown"]{background:#edf0f3;color:#65717b} .hana-ci-level[data-level="likely"]{background:#e8f1f8;color:#356a91} .hana-ci-level[data-level="high"]{background:#e3f3eb;color:#2f7551} .hana-ci-level[data-level="must_not_miss"]{background:#fff1cc;color:#8a6412} .hana-ci-level[data-level="certain"]{background:#dceee0;color:#1f6a39;font-weight:800} .hana-ci-check-label{justify-content:flex-end}.hana-ci-check-label input[type="checkbox"]{width:18px;height:18px;margin:6px 0 0;accent-color:#2a6a91} .hana-ci-row.has-today-appointment{box-shadow:inset 4px 0 #d8a020}.hana-ci-meta .is-appointment-today{color:#9b6b00;font-weight:800}.hana-ci-meta .is-appointment-checked{color:#2f7551;font-weight:700} .hana-ci-appointment-check[aria-pressed="true"]{background:#e5f3ea;border-color:#a9ceb9;color:#276a46;font-weight:700} .hana-ci-appointment-panel{margin-top:8px;border-top:1px solid #e3e9ee;padding-top:7px} .hana-ci-appointment-head{display:flex;align-items:center;justify-content:space-between;gap:8px} .hana-ci-appointment-head>strong{font-size:11px;color:#516675}.hana-ci-appointment-head>button{min-height:26px;padding:2px 7px;font-size:10px} .hana-ci-appointment-composer{display:grid;grid-template-columns:180px minmax(180px,1fr) auto auto;gap:6px;margin-top:7px;padding:7px;border:1px solid #dce5eb;border-radius:6px;background:#f7fafc} .hana-ci-appointment-composer[hidden]{display:none}.hana-ci-appointment-composer input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd5de;border-radius:5px;padding:6px 7px;font-size:11px;background:#fff} .hana-ci-appointment-history{display:grid;gap:5px;margin-top:7px}.hana-ci-appointment-history[hidden]{display:none} .hana-ci-appointment-row{display:grid;grid-template-columns:34px 180px 92px 58px minmax(160px,1fr) 80px;gap:6px;align-items:center;padding:6px;border:1px solid #e0e7ec;border-radius:6px;background:#fff} .hana-ci-appointment-row>strong{font-size:11px;color:#284c66}.hana-ci-appointment-row input,.hana-ci-appointment-row select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd5de;border-radius:5px;padding:5px 6px;font-size:10px;background:#fff} .hana-ci-appointment-row small{font-size:9px;color:#7a8791;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hana-ci-appointment-empty{margin:0;padding:8px;color:#87939c;font-size:10px;text-align:center} .hana-ci-history-toggle[aria-expanded="true"]{background:#edf4f8;border-color:#a9bfce;color:#254f6a} @media(max-width:900px){.hana-ci-appointment-composer{grid-template-columns:1fr 1fr}.hana-ci-appointment-row{grid-template-columns:34px 1fr 90px 58px}.hana-ci-appointment-row input[aria-label*="메모"]{grid-column:2/5}.hana-ci-appointment-row small{grid-column:2/5}} @media(max-width:560px){.hana-ci-appointment-composer{grid-template-columns:1fr}.hana-ci-appointment-row{grid-template-columns:34px 1fr}.hana-ci-appointment-row select,.hana-ci-appointment-row button,.hana-ci-appointment-row input[aria-label*="메모"],.hana-ci-appointment-row small{grid-column:2}} .hana-ci-workspace{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:14px;align-items:start}.hana-ci-main-column{min-width:0} .hana-ci-mini-calendar{position:sticky;top:12px;border:1px solid #d9e2e9;border-radius:10px;background:#fff;padding:10px;box-shadow:0 1px 4px rgba(25,48,69,.06);min-width:0} .hana-ci-cal-head,.hana-ci-cal-monthbar,.hana-ci-cal-selected{display:flex;align-items:center;justify-content:space-between;gap:6px}.hana-ci-cal-head{padding-bottom:7px;border-bottom:1px solid #edf1f4}.hana-ci-cal-head>strong{font-size:12px;color:#20384d}.hana-ci-cal-head button,.hana-ci-cal-monthbar button,.hana-ci-cal-selected button{border:1px solid #d1d9e0;border-radius:5px;background:#fff;color:#50616f;min-height:25px;padding:2px 6px;font-size:9px;cursor:pointer} .hana-ci-cal-monthbar{margin:7px 0 5px}.hana-ci-cal-monthbar>strong{font-size:11px;color:#334c5e}.hana-ci-cal-monthbar button{width:28px;padding:0;font-size:16px} .hana-ci-cal-weekdays,.hana-ci-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.hana-ci-cal-weekdays span{text-align:center;font-size:8px;color:#89959e;padding:2px 0} .hana-ci-cal-day{position:relative;aspect-ratio:1;border:0!important;border-radius:5px!important;background:transparent!important;color:#435563!important;min-height:0!important;padding:0!important;font-size:9px!important;cursor:pointer}.hana-ci-cal-day:hover{background:#edf4f8!important}.hana-ci-cal-day.is-today{outline:1px solid #77a4c3}.hana-ci-cal-day.is-selected{background:#244b70!important;color:#fff!important}.hana-ci-cal-day.has-events:after{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:#d6812c}.hana-ci-cal-day.is-selected.has-events:after{background:#fff}.hana-ci-cal-blank{aspect-ratio:1} .hana-ci-cal-selected{margin:8px 0 5px;padding-top:7px;border-top:1px solid #edf1f4}.hana-ci-cal-selected>strong{font-size:10px;color:#526575}.hana-ci-cal-events{display:grid;gap:3px;max-height:168px;overflow:auto}.hana-ci-cal-event{display:grid;grid-template-columns:38px 1fr;gap:5px;padding:4px 5px;border-radius:5px;background:#f5f8fa}.hana-ci-cal-event time{font-size:8px;color:#71808b}.hana-ci-cal-event span{font-size:9px;color:#344b5c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hana-ci-cal-empty{margin:0;padding:9px 4px;color:#8a969f;text-align:center;font-size:9px}.hana-ci-cal-more{font-size:8px;color:#7f8c96;text-align:right}.hana-ci-cal-status{min-height:13px;margin:5px 0 0;font-size:8px;color:#87939c} @media(max-width:1180px){.hana-ci-workspace{grid-template-columns:1fr}.hana-ci-mini-calendar{position:static;max-width:420px}} /* Phone-first customer intake: the existing fields and save handlers stay in the same form. */ .hana-customer-intake{max-width:1320px;padding:22px 28px 48px} .hana-ci-workspace{display:block} .hana-ci-main-column{width:100%;max-width:none} .hana-ci-head{align-items:center;margin-bottom:18px} .hana-ci-head small{display:none} .hana-ci-head h1{font-size:27px} .hana-ci-head p{font-size:14px} .hana-ci-entry,.hana-ci-list-panel{border-radius:16px;padding:22px 24px;box-shadow:0 3px 18px rgba(25,48,69,.055)} .hana-ci-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px} .hana-ci-grid-primary label{gap:7px;font-size:13px} .hana-ci-grid-primary label.wide{grid-column:span 2} .hana-ci-grid-primary label:has([name="region"]){grid-column:auto} .hana-ci-grid-primary input,.hana-ci-grid-primary select,.hana-ci-grid-primary textarea{min-height:44px;padding:10px 12px;border-radius:9px;font-size:15px} .hana-ci-grid-primary textarea{min-height:92px} .hana-ci-extra{margin-top:18px;border-top:1px solid #e6ecf1;padding-top:14px} .hana-ci-extra>summary,.hana-ci-calendar-disclosure>summary{width:max-content;list-style:none;cursor:pointer;color:#315b7b;font-size:13px;font-weight:750} .hana-ci-extra>summary::-webkit-details-marker,.hana-ci-calendar-disclosure>summary::-webkit-details-marker{display:none} .hana-ci-extra>summary::before,.hana-ci-calendar-disclosure>summary::before{content:"＋";display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;margin-right:8px;border-radius:7px;background:#eaf3f9;color:#315b7b} .hana-ci-extra[open]>summary::before,.hana-ci-calendar-disclosure[open]>summary::before{content:"−"} .hana-ci-grid-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:16px} .hana-ci-grid-extra label{font-size:12px;gap:6px} .hana-ci-grid-extra label.wide{grid-column:span 2} .hana-ci-grid-extra input,.hana-ci-grid-extra select,.hana-ci-grid-extra textarea{min-height:40px;font-size:14px} .hana-ci-savebar{margin-top:20px} #hanaCiSave{min-width:122px;min-height:42px;border-radius:9px;font-size:14px} .hana-ci-calendar-disclosure{margin:0 0 16px;padding:0 3px} .hana-ci-calendar-disclosure>summary{padding:5px 0} .hana-ci-mini-calendar{position:static;max-width:460px;margin-top:10px;padding:16px} .hana-ci-tools{grid-template-columns:minmax(260px,1fr) 170px auto auto;gap:10px} .hana-ci-tools input,.hana-ci-tools select{min-height:40px;font-size:14px} @media(max-width:780px){ .hana-customer-intake{padding:14px} .hana-ci-entry,.hana-ci-list-panel{padding:16px} .hana-ci-grid-primary,.hana-ci-grid-extra{grid-template-columns:1fr} .hana-ci-grid-primary label.wide,.hana-ci-grid-extra label.wide{grid-column:auto} .hana-ci-tools{grid-template-columns:1fr 140px} } @media(max-width:560px){.hana-ci-tools{grid-template-columns:1fr}} /* The intake ledger opens on saved records. The form is shown only on request. */ .hana-ci-entry[hidden],.hana-ci-appointment-panel[hidden]{display:none!important} .hana-ci-list-panel{margin-top:4px} .hana-ci-row{padding:14px 16px} .hana-ci-identity{flex-wrap:wrap} .hana-ci-identity strong{font-size:16px} .hana-ci-facts{margin-top:9px} .hana-ci-facts span{font-size:12px;padding:4px 8px} .hana-ci-request span{font-size:12px} .hana-ci-meta{font-size:11px} .hana-ci-actions button{font-size:11px;min-height:30px} #hanaCiClose{margin-left:auto} /* Staff scan compact previews first and open only the record they need. */ .hana-ci-row{padding:12px 15px} .hana-ci-row-top{justify-content:flex-start;gap:12px} .hana-ci-identity{flex:1;gap:9px} .hana-ci-preview-toggle{font-size:11px;white-space:nowrap} .hana-ci-preview-toggle[aria-expanded="true"]{background:#eaf3f9;color:#244b70;border-color:#9dbbd1} .hana-ci-preview{margin:7px 0 0;color:#465d6d;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hana-ci-row-details{margin-top:10px;padding-top:9px;border-top:1px solid #e4ebf0} .hana-ci-row-details[hidden]{display:none!important} .hana-ci-meta{margin-top:6px} @media(max-width:560px){.hana-ci-row-top{flex-wrap:wrap}.hana-ci-identity{flex-basis:100%}.hana-ci-preview{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}} /* Customer intake preview follows the shared Google Sheet column order. */ .hana-ci-table-scroll{overflow-x:auto;border:1px solid #d9e2e9;border-radius:9px} .hana-ci-table-head,.hana-ci-table-row{display:grid;grid-template-columns:65px 76px 92px 160px 66px 125px 110px 90px 92px minmax(190px,1fr);gap:0;align-items:stretch;min-width:1066px} .hana-ci-table-head{background:#eaf1e8;color:#27445a;font-size:12px;font-weight:750} .hana-ci-table-head span{padding:11px 9px;border-right:1px solid #d7e0d5} .hana-ci-rows{display:block} .hana-ci-row{padding:0;border:0;border-top:1px solid #e0e7eb;border-radius:0;background:#fff} .hana-ci-row:nth-child(even){background:#f9fbfc} .hana-ci-row.is-overdue{border-left:4px solid #d4772a} .hana-ci-row.has-today-appointment{box-shadow:inset 4px 0 #d8a020} .hana-ci-cell{min-width:0;padding:10px 9px;border-right:1px solid #edf1f4;font-size:12px;color:#354f62;overflow-wrap:anywhere} .hana-ci-cell:last-child{border-right:0} .hana-ci-cell.date,.hana-ci-cell.assignee,.hana-ci-cell.trade{white-space:nowrap} .hana-ci-cell.contact .hana-ci-contact{display:grid;gap:3px} .hana-ci-cell.contact strong{font-size:12px;color:#20384d} .hana-ci-cell.contact .hana-ci-phone{width:max-content;text-align:left;font-size:11px} .hana-ci-cell.status .hana-ci-state{max-width:100%;font-size:11px} .hana-ci-cell.condition .hana-ci-condition{display:flex;align-items:flex-start;gap:6px;justify-content:space-between} .hana-ci-cell.condition .hana-ci-condition>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45} .hana-ci-cell.condition .hana-ci-preview-toggle{flex:none;padding:3px 6px;min-height:25px;font-size:10px} .hana-ci-row-details{margin:0;padding:12px 16px 14px;background:#f8fbfd;border-top:1px solid #e1e9ef} .hana-ci-empty{margin:0;min-width:1066px} @media(max-width:700px){.hana-ci-list-panel{padding:12px}.hana-ci-table-head,.hana-ci-table-row{min-width:1066px}} .hana-ci-table-head,.hana-ci-table-row{grid-template-columns:78px 76px 92px 160px 66px 125px 110px 90px 92px minmax(190px,1fr);min-width:1079px} .hana-ci-empty{min-width:1079px} @media(max-width:700px){.hana-ci-table-head,.hana-ci-table-row{min-width:1079px}} /* Customer intake is a full-width workspace, including in simple-entry mode. */ body.simple-entry main>#customerIntakeView, body.simple-entry.has-sidebar main>#customerIntakeView{ box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important; margin:0!important;flex:none!important; } #customerIntakeView.hana-customer-intake{ box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0; padding:18px 12px 40px; } #customerIntakeView .hana-ci-list-panel, #customerIntakeView .hana-ci-entry{min-width:0;padding:16px 12px} #customerIntakeView .hana-ci-table-scroll{width:100%;max-width:100%;overflow-x:auto} @media(min-width:981px) and (max-width:1450px){ #customerIntakeView .hana-ci-table-head, #customerIntakeView .hana-ci-table-row{ grid-template-columns:70px 66px 82px 148px 60px 110px 100px 80px 84px minmax(200px,1fr); min-width:1000px; } #customerIntakeView .hana-ci-empty{min-width:1000px} } /* Fast customer edits open under the selected ledger row. */ #customerIntakeView .hana-ci-table-head,#customerIntakeView .hana-ci-table-row{ grid-template-columns:78px 76px 92px 180px 66px 125px 110px 90px 92px minmax(170px,1fr);min-width:1079px; } @media(min-width:981px) and (max-width:1450px){ #customerIntakeView .hana-ci-table-head,#customerIntakeView .hana-ci-table-row{ grid-template-columns:70px 66px 82px 170px 60px 110px 100px 80px 84px minmax(178px,1fr);min-width:1000px; } } #customerIntakeView .hana-ci-contact-head{display:flex;align-items:center;justify-content:space-between;gap:5px} #customerIntakeView .hana-ci-contact-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #customerIntakeView .hana-ci-quick-edit{flex:none;min-height:25px;padding:2px 7px;border:1px solid #aac3d8;border-radius:5px;background:#fff;color:#16466a;font-size:11px;font-weight:700;cursor:pointer} #customerIntakeView .hana-ci-quick-edit:hover{background:#eaf3fa} #customerIntakeView .hana-ci-table-row{cursor:default} #customerIntakeView .hana-ci-row-details{padding:0;background:#f7fafc} #customerIntakeView .hana-ci-inline-editor{padding:14px 16px} #customerIntakeView .hana-ci-inline-title{display:flex;align-items:baseline;gap:10px;margin-bottom:11px} #customerIntakeView .hana-ci-inline-title strong{font-size:15px;color:#172c3d} #customerIntakeView .hana-ci-inline-title span{font-size:12px;color:#526779} #customerIntakeView .hana-ci-inline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #customerIntakeView .hana-ci-inline-grid label{display:grid;gap:5px;min-width:0;font-size:12px;font-weight:650;color:#334b5e} #customerIntakeView .hana-ci-inline-grid label.wide{grid-column:span 2} #customerIntakeView .hana-ci-inline-grid input,#customerIntakeView .hana-ci-inline-grid select,#customerIntakeView .hana-ci-inline-grid textarea{box-sizing:border-box;width:100%;min-height:37px;padding:8px 9px;border:1px solid #c9d7e1;border-radius:6px;background:#fff;color:#142b3d;font:14px "Malgun Gothic",sans-serif} #customerIntakeView .hana-ci-inline-grid textarea{resize:vertical;min-height:65px} #customerIntakeView .hana-ci-inline-savebar{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:12px} #customerIntakeView .hana-ci-inline-message{margin-right:auto;font-size:12px;color:#465f72} #customerIntakeView .hana-ci-inline-savebar button{min-height:34px;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer} #customerIntakeView .hana-ci-inline-cancel{border:1px solid #cbd8e2;background:#fff;color:#35536a} #customerIntakeView .hana-ci-inline-save{border:1px solid #204e70;background:#204e70;color:#fff} #customerIntakeView .hana-ci-inline-save:disabled{opacity:.6;cursor:wait} #customerIntakeView .hana-ci-row-details>.hana-ci-meta,#customerIntakeView .hana-ci-row-details>.hana-ci-actions{margin:0;padding:7px 16px} #customerIntakeView .hana-ci-row-details>.hana-ci-actions{padding-bottom:13px} @media(max-width:900px){#customerIntakeView .hana-ci-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){#customerIntakeView .hana-ci-inline-grid{grid-template-columns:1fr}#customerIntakeView .hana-ci-inline-grid label.wide{grid-column:auto}#customerIntakeView .hana-ci-inline-savebar{flex-wrap:wrap}#customerIntakeView .hana-ci-inline-message{flex-basis:100%}} #customerIntakeView .hana-ci-editable-cell{cursor:text} #customerIntakeView .hana-ci-editable-cell:hover{background:#edf5fb} #customerIntakeView .hana-ci-editable-cell.is-editing{padding:5px;background:#e8f2fa} #customerIntakeView .hana-ci-cell-editor{box-sizing:border-box;display:block;width:100%;min-height:35px;padding:6px 7px;border:2px solid #3177ad;border-radius:5px;background:#fff;color:#172c3d;font:13px "Malgun Gothic",sans-serif;resize:vertical} #customerIntakeView .hana-ci-editable-cell textarea.hana-ci-cell-editor{min-height:54px} /* Customer intake assignee selector uses the same inline pattern as status. */ #customerIntakeView .hana-ci-cell.assignee{white-space:normal} #customerIntakeView .hana-ci-cell.assignee .hana-ci-assignee-select{box-sizing:border-box;width:100%;min-height:29px;padding:3px 2px;border:1px solid #c8d6e1;border-radius:5px;background:#fff;color:#213c53;font-size:11px;cursor:pointer} #customerIntakeView .hana-ci-cell.assignee .hana-ci-assignee-select:disabled{opacity:.65;cursor:wait} #customerIntakeView .hana-ci-table-head,#customerIntakeView .hana-ci-table-row{ grid-template-columns:78px 100px 92px 170px 66px 115px 110px 90px 92px minmax(166px,1fr); min-width:1079px; } @media(min-width:981px) and (max-width:1450px){ #customerIntakeView .hana-ci-table-head,#customerIntakeView .hana-ci-table-row{ grid-template-columns:70px 90px 82px 160px 60px 105px 100px 80px 84px minmax(169px,1fr); min-width:1000px; } } /* Immediate feedback for ledger selections. */ #customerIntakeView .hana-ci-state.is-saving, #customerIntakeView .hana-ci-assignee-select.is-saving{ box-shadow:inset 0 -2px #2f7cad; opacity:1; } #customerIntakeView .hana-ci-assignee-name{display:inline-block;min-width:3em;color:#17283c;cursor:text;font-weight:600} #customerIntakeView .hana-ci-contact-name{cursor:text} #customerIntakeView .hana-ci-contact-editor{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:5px 7px;border:1px solid #337fb1;border-radius:5px;background:#fff;color:#111;font:inherit} #customerIntakeView .hana-ci-assignee-select{display:none} /* registration-details-compact.css */ html:has(body.has-sidebar){height:auto;overflow-x:hidden;overflow-y:auto} body.has-sidebar{height:auto;min-height:100dvh;overflow:visible} body.has-sidebar>main{height:auto;min-height:calc(100dvh - var(--header-height));box-sizing:border-box;overflow:visible} body.has-sidebar #registerView{min-height:calc(100dvh - var(--header-height));padding-bottom:16px;box-sizing:border-box} body.has-sidebar #registerView .entry-sections{position:sticky;top:var(--header-height);z-index:11;box-sizing:border-box} body.has-sidebar #registerView .entry-savebar{position:static!important;inset:auto!important;z-index:auto;margin-top:16px;margin-bottom:16px;box-shadow:none} body.has-sidebar #registerView .registration-group,body.has-sidebar #registerView #ownerFields{scroll-margin-top:var(--entry-scroll-offset,56px)} #registrationWorkMenu{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:0 4px;border-bottom:1px solid #dce5ec} #registrationWorkMenu nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap} #registrationWorkMenu nav button{min-height:34px;padding:6px 13px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#5c7285;font-size:13px;font-weight:650;cursor:pointer} #registrationWorkMenu nav button.active,#registrationWorkMenu nav button[aria-current=page]{border-bottom-color:#2f6591;color:#24577e} #registrationWorkMenu nav button:hover{background:#f1f6fa;color:#24577e} #registrationWorkMenu .registration-work-address{display:flex;align-items:center;gap:9px;padding:5px 8px;color:#345b78;font-size:12px} #registrationWorkMenu .registration-work-address[hidden]{display:none!important} #registrationWorkMenu .registration-work-address span{min-width:0;overflow-wrap:anywhere;font-weight:650} #registrationWorkMenu .registration-work-address button{flex:none;padding:3px 7px;border:1px solid #c6d6e2;border-radius:4px;background:#fff;color:#315d80;font-size:11px;cursor:pointer} #registrationWorkMenu .registration-work-status{display:block;min-height:0;padding:0 8px;color:#697f91;font-size:11px} #registrationWorkMenu .registration-work-status:empty{display:none} #registerView #registration-details>.fields{row-gap:4px!important;align-items:start} #registerView .title-entry-block{position:relative;grid-column:1/-1;width:100%;min-width:0} #registerView .title-entry-block>label{display:block!important;width:100%!important;max-width:none!important;margin:0!important;line-height:24px} #registerView .title-entry-row{display:flex;align-items:center;gap:7px;width:100%;margin-top:3px} #registerView .title-entry-row input{flex:1 1 auto;width:auto!important;min-width:0;margin:0!important} #registerView .title-entry-row .saved-title-save{float:none;flex:none;order:1;min-height:30px;margin:0;padding:4px 8px} #registerView .title-entry-row .title-feature-count{float:none;flex:none;order:2;white-space:nowrap} #registerView .saved-title-panel{position:absolute;top:100%;left:0;z-index:25;width:100%;max-width:none;box-sizing:border-box;margin:2px 0} #registerView #titleFeaturePicker{grid-column:1/-1;width:100%!important;min-width:0;box-sizing:border-box;margin:0 0 3px!important;padding:5px 0 6px!important;border:0!important;border-top:1px solid #e3eaf0!important;border-bottom:1px solid #e3eaf0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} #registerView #titleFeaturePicker .title-feature-heading{margin:0 0 4px;font-size:12px} #registerView #titleFeaturePicker .title-feature-heading>span{gap:2px;flex-wrap:nowrap} #registerView #titleFeaturePicker .title-feature-heading button{min-height:24px;padding:2px 5px;border:0;box-shadow:none;font-size:12px} #registerView #titleFeaturePicker .title-feature-search{display:block;max-width:220px;min-height:27px;margin:2px 0 5px} #registerView #titleFeaturePicker .title-feature-search[hidden]{display:none!important} #registerView #titleFeaturePicker .title-feature-list{gap:4px} #registerView #titleFeaturePicker .title-feature-chip{min-height:28px;padding:3px 7px;border:1px solid #cbd8e2;border-radius:5px;background:#fff;box-shadow:none;color:#31516d;font-size:12px;font-weight:500;line-height:20px} #registerView #titleFeaturePicker .title-feature-chip[aria-pressed=true]{border:1px solid #3e7ba7;background:#e8f2fa;box-shadow:none;color:#17456b;font-weight:650} #registerView #titleFeaturePicker .title-feature-chip:focus-visible{outline:2px solid #4b8cbb;outline-offset:2px} #registerView #titleFeaturePicker .title-feature-message{min-height:0;margin:3px 0 0} #registerView #titleFeaturePicker .title-feature-message:empty{display:none} body.clean-registration #registerView .description-template-block{grid-column:1/-1;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important} body.clean-registration #registerView .description-template-block>label{width:100%!important;max-width:none!important;line-height:25px} body.clean-registration #registerView .description-template-block textarea{width:100%!important;box-sizing:border-box;margin-top:3px} #registerView #textTemplateToolbar button{min-height:25px;padding:2px 6px;font-size:11px} #registerView #textTemplateToolbar .text-template-buttons{gap:3px} #registerView .description-manager-bar{margin:3px 0 4px} #registerView .description-manager-bar button{min-height:27px;padding:3px 7px} #registerView #descriptionSymbols{grid-column:1/-1;width:100%!important;box-sizing:border-box;max-height:109px;margin:0 0 5px;padding:5px 7px} #registerView #descriptionSymbols.expanded{max-height:260px} #registerView #descriptionSymbols .description-symbols-head{margin-bottom:4px} #registerView #descriptionSymbols .description-symbol-count{display:none} #registerView #descriptionSymbols .description-symbol-grid{gap:4px} #registerView #descriptionSymbols .description-symbol-group button{min-width:27px;height:26px} #registerView #descriptionSymbols .description-symbol-status{min-height:0} #registerView #descriptionSymbols .description-symbol-status:empty{display:none} @media(max-width:700px){#registerView .title-entry-row{flex-wrap:wrap}#registerView .title-entry-row input{flex-basis:100%}#registerView #textTemplateToolbar{position:static;justify-content:flex-start;flex-wrap:wrap;margin:2px 0}#registerView #textTemplateToolbar .text-template-buttons{flex-wrap:wrap}} /* HANA title library: opt-in, compact, accessible. Scoped presentation only. */ #registerView .title-entry-row .saved-title-open{order:1;flex:none;min-height:34px;padding:5px 11px;border:1px solid #cbd9e9;border-radius:8px;background:#f3f7fd;color:#305d8a;font-size:12px;font-weight:650;cursor:pointer} #registerView .title-entry-row .saved-title-save{order:2;min-height:34px!important;padding:5px 10px;border-radius:8px;background:#fff} #registerView .title-entry-row .title-feature-count{order:3;color:#7b8897} #registerView .saved-title-open[aria-expanded="true"]{background:#e6f0ff;border-color:#84aee0} #registerView .saved-title-panel{position:absolute!important;top:100%!important;left:0!important;z-index:60!important;width:min(520px,100%)!important;max-width:100%!important;margin-top:6px!important;padding:14px!important;box-sizing:border-box!important;border:1px solid #dbe4ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 36px rgba(25,44,71,.16)!important;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif} #registerView .saved-title-panel[hidden]{display:none!important} #registerView .saved-title-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:0 0 12px} #registerView .saved-title-head>div{display:grid;gap:3px} #registerView .saved-title-head strong{font-size:15px;font-weight:750;color:#1f344a} #registerView .saved-title-head small{font-size:12px;color:#728294} #registerView .saved-title-head .saved-title-close{min-height:27px;padding:4px 9px;border:1px solid #dce5ee;border-radius:7px;background:#fff;color:#5b6c7d;font-size:12px;cursor:pointer} #registerView .saved-title-tools{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px;margin:0 0 10px} #registerView .saved-title-tools input,#registerView .saved-title-tools select{width:100%;height:36px;min-height:36px;box-sizing:border-box;padding:5px 10px;border:1px solid #d7e1eb;border-radius:8px;background:#fff;color:#253e55;font-size:13px} #registerView .saved-title-list{display:grid;gap:6px;max-height:min(290px,45vh);padding:1px;overflow-y:auto} #registerView .saved-title-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;min-height:0;padding:9px 11px;border:1px solid #e2e9f0;border-radius:9px;background:#fff} #registerView .saved-title-item:hover{border-color:#bed5ee;background:#f8fbff} #registerView .saved-title-choice{min-width:0;padding:0;border:0;background:transparent;text-align:left;white-space:normal;overflow-wrap:anywhere;color:#273d53;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer} #registerView .saved-title-choice:hover{text-decoration:underline;color:#145da1} #registerView .saved-title-meta{display:flex;justify-content:flex-end;gap:4px;align-items:center} #registerView .saved-title-meta span{padding:2px 6px;border-radius:5px;background:#eef3f8;color:#6a7887;font-size:10px;white-space:nowrap} #registerView .saved-title-meta span:first-child:not(:last-child){background:#e9f2ff;color:#2a609a} #registerView .saved-title-actions{display:flex;justify-content:flex-end;gap:5px;grid-column:1/-1} #registerView .saved-title-actions button{min-height:25px;padding:2px 7px;border:1px solid #e2e8ef;border-radius:6px;background:#fff;color:#526981;font-size:11px;cursor:pointer} #registerView .saved-title-actions button:last-child{color:#a75c5c} #registerView .saved-title-empty{margin:0;padding:18px 10px;text-align:center;color:#708195;font-size:13px} #registerView .saved-title-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5} #registerView .saved-title-footer label{display:flex;align-items:center;gap:6px;width:auto!important;margin:0;color:#657688;font-size:11px} #registerView .saved-title-footer select{width:78px;min-height:27px;border:1px solid #dbe3ec;border-radius:7px;background:#fff;color:#3c536a;font-size:12px} #registerView .saved-title-status{flex:1;text-align:right;min-height:0;color:#926525;font-size:11px} #registerView .saved-title-open:focus-visible,#registerView .saved-title-panel button:focus-visible,#registerView .saved-title-panel input:focus-visible,#registerView .saved-title-panel select:focus-visible{outline:2px solid #327ac5;outline-offset:2px} @media(max-width:700px){#registerView .saved-title-panel{width:calc(100vw - 30px)!important;max-width:min(520px,calc(100vw - 30px))!important}#registerView .title-entry-row .saved-title-open,#registerView .title-entry-row .saved-title-save{flex:1 1 auto}} /* registration-wide.css */ /* About 10% wider than the previous 740px form, with compact paired fields. */ body.clean-registration #registerView.content-fixed .intro{padding:6px 4px 4px!important} body.clean-registration #registerView.content-fixed .intro h1{margin:0!important} body.clean-registration #registerView.content-fixed .intro p, body.clean-registration #registerView.content-fixed #listingNumberDisplay, body.clean-registration #registerView.content-fixed .entry-required-note, body.clean-registration #registerView.content-fixed #listingReadiness{display:none!important} body.clean-registration #registerView.content-fixed .entry-top-save-actions{margin:4px 0 8px!important} body.clean-registration #registerView.content-fixed .entry-sections{margin-bottom:8px!important} body.clean-registration.has-sidebar #registerView.content-fixed, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm, body.clean-registration.has-sidebar #registerView.content-fixed .entry-sections{ width:min(814px,100%)!important;min-width:0!important;max-width:814px!important;flex-basis:auto!important; } body.clean-registration.has-sidebar #registerView.content-fixed{margin:0!important;padding-inline:8px 12px} body.clean-registration.has-sidebar #registerView.content-fixed{width:min(834px,100%)!important;max-width:834px!important} @media(min-width:901px){ body.clean-registration.has-sidebar.simple-entry main>#listView, body.clean-registration.has-sidebar.simple-entry main>#archiveView{margin-left:8px!important;margin-right:0!important} } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm [hidden]{display:none!important} body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>.registration-group, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>#ownerFields{ width:100%!important;min-width:0!important;max-width:none!important; padding:16px 20px!important;margin-bottom:12px!important; } body.clean-registration.has-sidebar #registerView.content-fixed .registration-group>h2, body.clean-registration.has-sidebar #registerView.content-fixed #ownerFields>h2{margin-bottom:12px!important} body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>.registration-group>.fields, body.clean-registration.has-sidebar #registerView.content-fixed #ownerFields>.fields{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 16px!important;align-items:start; } body.clean-registration.has-sidebar #registerView.content-fixed .fields>label.clean-form-row, body.clean-registration.has-sidebar #registerView.content-fixed .location-field-pair>label.clean-form-row{ display:block!important;width:auto!important;min-width:0!important;max-width:none!important; margin:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed .clean-form-row>.field-heading{display:block;margin:0 0 4px} body.clean-registration.has-sidebar #registerView.content-fixed .clean-form-row>:not(.field-heading){grid-column:auto;grid-row:auto} body.clean-registration.has-sidebar #registerView.content-fixed .fields input:not([type=radio]):not([type=checkbox]), body.clean-registration.has-sidebar #registerView.content-fixed .fields select, body.clean-registration.has-sidebar #registerView.content-fixed .fields textarea{ width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box; } body.clean-registration.has-sidebar #registerView.content-fixed .location-field-pair, body.clean-registration.has-sidebar #registerView.content-fixed .building-field-pair, body.clean-registration.has-sidebar #registerView.content-fixed .loan-field-pair{display:contents!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .fields>label:has([name=address]){ grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 8px; } body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .fields>label.address-with-purpose:has([name=address]){grid-column:1} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .fields>label:has([name=buildingPurpose]){grid-column:2;min-width:0} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location label:has([name=address])>.field-heading, body.clean-registration.has-sidebar #registerView.content-fixed #registration-location label:has([name=address])>#addressLookupStatus{grid-column:1/-1} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location label:has([name=address])>[name=address]{grid-column:1} body.clean-registration.has-sidebar #registerView.content-fixed #addressSearchButton{grid-column:2;align-self:end;white-space:nowrap} body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .floor-exposure-choice{grid-column:auto;min-width:0} @media(max-width:620px){body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .fields>label:has([name=address]),body.clean-registration.has-sidebar #registerView.content-fixed #registration-location .fields>label:has([name=buildingPurpose]){grid-column:1/-1}} body.clean-registration.has-sidebar #registerView.content-fixed #registration-price .fields, body.clean-registration.has-sidebar #registerView.content-fixed #registration-move .fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-building .building-field-pair>label, body.clean-registration.has-sidebar #registerView.content-fixed #registration-price .loan-field-pair>label{width:auto!important;min-width:0!important;max-width:none!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-building .area-pair{width:100%;max-width:none} body.clean-registration.has-sidebar #registerView.content-fixed #registration-fees .fields>label, body.clean-registration.has-sidebar #registerView.content-fixed #registration-fees .fields>div{min-width:0;max-width:none} body.clean-registration.has-sidebar #registerView.content-fixed #registration-fees .fee-items{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-options-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-living, body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-security, body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-other, body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-extra-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0} body.clean-registration.has-sidebar #registerView.content-fixed #registration-details .title-entry-block, body.clean-registration.has-sidebar #registerView.content-fixed #registration-details #titleFeaturePicker, body.clean-registration.has-sidebar #registerView.content-fixed #registration-details .description-template-block, body.clean-registration.has-sidebar #registerView.content-fixed #registration-details #descriptionSymbols{grid-column:1/-1;width:100%!important} body.clean-registration.has-sidebar #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(5,104px)!important;gap:10px!important} body.clean-registration.has-sidebar #registerView.content-fixed .entry-savebar{width:100%;box-sizing:border-box} @media(max-width:1450px){ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>.registration-group>.fields, body.clean-registration.has-sidebar #registerView.content-fixed #ownerFields>.fields, body.clean-registration.has-sidebar #registerView.content-fixed #registration-price .fields, body.clean-registration.has-sidebar #registerView.content-fixed #registration-move .fields{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-options-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.clean-registration.has-sidebar #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(5,104px)!important} } @media(max-width:850px){ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>.registration-group>.fields, body.clean-registration.has-sidebar #registerView.content-fixed #ownerFields>.fields, body.clean-registration.has-sidebar #registerView.content-fixed #registration-price .fields, body.clean-registration.has-sidebar #registerView.content-fixed #registration-move .fields{grid-template-columns:minmax(0,1fr)!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-options-layout{grid-template-columns:minmax(0,1fr)!important} body.clean-registration.has-sidebar #registerView.content-fixed #registration-facilities .facility-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important} body.clean-registration.has-sidebar #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(3,104px)!important} body.simple-entry #registerView.content-fixed #photoList.photo-grid{grid-template-columns:repeat(3,104px)!important} } /* settings-hub.css */ #settingsView { max-width: 1120px; } #settingsView .settings-home[hidden], #settingsView .settings-detail[hidden] { display: none !important; } .settings-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .settings-card { width:100%; min-height:94px; display:flex; align-items:center; gap:16px; text-align:left; padding:18px 20px; background:#fff; color:#183250; border:1px solid #dce6f2; border-radius:12px; box-shadow:0 2px 8px rgba(22,65,112,.04); cursor:pointer; transition:background .15s,border-color .15s,transform .15s; } .settings-card:hover,.settings-card:focus-visible { background:#f3f8ff; border-color:#78a9eb; transform:translateY(-1px); } .settings-card-icon { flex:none; display:grid; place-items:center; width:46px; height:46px; border-radius:11px; background:#e9f2ff; color:#1662bb; font-size:23px; font-weight:700; } .settings-card-copy { display:grid; gap:5px; min-width:0; } .settings-card-copy strong { font-size:16px; line-height:1.3; } .settings-card-copy small { font-size:13px; color:#66788e; line-height:1.4; } .settings-card-arrow { margin-left:auto; color:#708baa; font-size:28px; font-weight:300; } .settings-detail { padding-bottom:24px; } .settings-detail h1 { margin:7px 0 4px; font-size:27px; color:#173657; } .settings-description { margin:0 0 18px; color:#687b91; } .settings-back { border:0; padding:9px 0; background:none; color:#1766ba; font-weight:700; cursor:pointer; } .settings-back:hover { text-decoration:underline; } .settings-panel { margin:0 0 16px; } .settings-panel h2:not(:first-child) { margin-top:24px; } .settings-control { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:49px; padding:8px 0; border-bottom:1px solid #edf1f5; color:#273f5c; } .settings-control > span { font-size:14px; line-height:1.4; } .settings-control select,.settings-control input:not([type=checkbox]) { width:min(260px,45%); flex:none; } .settings-control input[type=checkbox] { width:18px; height:18px; flex:none; accent-color:#1767bb; } .settings-save-row { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:20px; } .settings-save-status { color:#39714d; } .settings-subpage-button { display:flex; justify-content:space-between; width:100%; padding:15px 18px; text-align:left; color:#195f9f; background:#f1f7ff; border:1px solid #c8def6; border-radius:9px; cursor:pointer; } .settings-hint { font-size:13px; color:#697d92; } .settings-brand-preview{display:block;width:min(100%,560px);height:180px;margin:0 0 16px;border:1px solid #d9e1e9;border-radius:8px;background-color:#fff;object-fit:contain;object-position:center center} .settings-brand-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .settings-brand-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)} .settings-brand-controls .settings-save-status{flex:1 1 100%;margin-top:5px} .settings-brand-controls .settings-back{padding:8px 4px} .settings-reset { margin-top:8px; } body[data-screen-density=compact] #settingsView .settings-control { min-height:40px; } body[data-screen-density=large] #settingsView .settings-control { min-height:56px; font-size:1.07em; } body[data-ui-motion=off] #settingsView *,body[data-ui-motion=off] #settingsView *::before { animation:none!important; transition:none!important; } body[data-photo-thumbnail=contain] .photo-gallery img { object-fit:contain!important; } @media (max-width:800px) { .settings-card-grid { grid-template-columns:1fr; } .settings-card { min-height:78px; } } /* staff-profiles.css */ .staff-profile-manager{margin-bottom:18px} .staff-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0} .staff-profile-actions button,.staff-profile-row-actions button{border:1px solid #cdd9e6;border-radius:6px;background:#fff;color:#234364;cursor:pointer} .staff-profile-actions button{padding:8px 12px;font-weight:700} .staff-profile-actions button:first-child{background:#eaf2fc;border-color:#abc7e9} .staff-profile-status{min-height:20px;color:#3b5876;font-size:12px} .staff-profile-table-wrap{max-width:100%;overflow:auto} .staff-profile-table{width:100%;border-collapse:collapse;font-size:13px} .staff-profile-table th,.staff-profile-table td{padding:8px 7px;border-bottom:1px solid #e4eaf1;text-align:left;white-space:nowrap} .staff-profile-table th{background:#f6f9fc;color:#4a617b} .staff-profile-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#e8eef5;color:#7c8999;font-size:23px} .staff-profile-avatar img{width:100%;height:100%;object-fit:cover} .staff-profile-row-actions{display:flex;gap:5px;align-items:center} .staff-profile-row-actions button{padding:5px 7px;font-size:12px} .staff-profile-row-actions .staff-profile-danger,.staff-profile-dialog-actions .staff-profile-danger{color:#b42b31;border-color:#e9b6ba;background:#fff7f7} .staff-profile-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #d6e0ea;border-radius:10px;padding:22px;box-shadow:0 16px 50px #17344b33} .staff-profile-dialog::backdrop{background:#12233b73} .staff-profile-dialog h2{font-size:19px;margin:0 0 16px} .staff-profile-dialog form{display:grid;gap:12px} .staff-profile-dialog label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#344b65} .staff-profile-dialog input,.staff-profile-dialog select{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cad7e5;border-radius:6px;font:inherit} .staff-profile-dialog [role=alert]{color:#b42b31;font-size:12px;margin:0} .staff-profile-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px} .staff-profile-dialog-actions button{padding:8px 12px;border:1px solid #cdd9e6;border-radius:6px;background:#fff;cursor:pointer} .staff-profile-dialog-actions button[type=submit]{background:#245783;color:#fff;border-color:#245783} /* mobile-responsive.css */ /* Mobile and small-tablet overrides for the existing admin screens. */ .photo-camera-button{display:none} @media (max-width:980px){ .photo-camera-button{display:inline-flex;align-items:center;justify-content:center} html,body{max-width:100%;overflow-x:hidden} body.has-sidebar{--header-height:60px;--sidebar-width:0px} body.has-sidebar .brand-header{height:60px;min-height:60px;padding:0 12px;gap:8px} body.has-sidebar .brand-header .brand img{width:125px;height:auto} body.has-sidebar .brand-header .brand-product{display:none} #mobileMenuToggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#234b71;font-size:23px} #mobileMenuBackdrop{display:none;position:fixed;inset:60px 0 0;z-index:13;width:100%;height:calc(100dvh - 60px);padding:0;border:0;border-radius:0;background:#14233466} body.mobile-menu-open #mobileMenuBackdrop{display:block} body.has-sidebar #officeSidebar{top:60px;width:min(84vw,320px);transform:translateX(-105%);transition:transform .2s ease;box-shadow:4px 0 18px #172d4026} body.mobile-menu-open #officeSidebar{transform:translateX(0)} body.sidebar-collapsed #officeSidebar .sidebar-label,body.sidebar-collapsed #officeSidebar .sidebar-caption,body.sidebar-collapsed #officeSidebar .nav-caption{display:initial} body.sidebar-collapsed #officeSidebar button[data-view],body.sidebar-collapsed #officeSidebar a{justify-content:flex-start;padding:8px 11px;gap:12px} body.has-sidebar main{margin-left:0;width:100%;max-width:100%;min-width:0;padding:0 12px 24px;overflow-x:hidden} body.has-sidebar.simple-entry main>.view,body.has-sidebar.simple-entry #registerView.content-fixed,body.has-sidebar.simple-entry #registerView.content-fixed #listingForm,body.has-sidebar.simple-entry #registerView.content-fixed .entry-sections{width:100%!important;min-width:0!important;max-width:100%!important;flex-basis:auto!important;box-sizing:border-box} body.has-sidebar.simple-entry #registerView.content-fixed #listingForm>.registration-group,body.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields{width:100%!important;min-width:0!important;max-width:100%!important} body.has-sidebar.simple-entry #registerView.content-fixed .fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%} body.has-sidebar.simple-entry #registerView.content-fixed .fields>.entry-sized-field,body.has-sidebar.simple-entry #registerView.content-fixed .fields>.entry-sized-field.full-width{width:auto!important;min-width:0!important;max-width:100%!important;flex:1 1 auto} body.has-sidebar.clean-registration #registerView.content-fixed .fields>label.clean-form-row{width:auto!important;min-width:0!important;max-width:100%!important} body.has-sidebar.simple-entry #registerView.content-fixed #registration-building>.building-paired-grid,body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout,body.has-sidebar.simple-entry #registerView.content-fixed .fee-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%} body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout>.facility-living,body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout>.facility-security,body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout>.facility-other,body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout>.facility-extra-group{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%} body.has-sidebar.simple-entry #registerView.content-fixed .entry-savebar #status{flex:1 1 100%;min-width:0} body.has-sidebar.simple-entry #savedListingsTable{width:100%!important;min-width:0!important;max-width:100%!important} #registerView .entry-sections{max-width:100%;overflow-x:auto} #registerView .fields input:not([type=checkbox]):not([type=radio]),#registerView .fields select:not(.segment-source),#registerView .fields textarea{max-width:100%;min-width:0;font-size:16px;min-height:44px} #registerView .segment-source{width:1px!important;min-width:1px!important;max-width:1px!important;height:1px!important;min-height:0!important;max-height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none} #registerView select.segment-source{display:none!important} #registerView .fields label{min-width:0;font-size:14px} .has-sidebar button:not(#sidebarToggle),.has-sidebar .entry-sections a{min-height:44px} #officeSidebar button[data-view],#officeSidebar a{min-height:44px!important;font-size:15px!important} #sidebarToggle{min-width:44px;min-height:44px} } @media (max-width:600px){ body.has-sidebar main{padding:0 10px 22px} body.has-sidebar.simple-entry #registerView.content-fixed #listingForm{padding:0 8px 12px} body.has-sidebar.simple-entry #registerView.content-fixed .fields,body.clean-registration.has-sidebar #registerView.content-fixed #listingForm>.registration-group>.fields,body.clean-registration.has-sidebar #registerView.content-fixed #ownerFields>.fields,body.clean-registration.has-sidebar #registerView.content-fixed #registration-price .fields,body.clean-registration.has-sidebar #registerView.content-fixed #registration-move .fields{grid-template-columns:minmax(0,1fr)!important} body.has-sidebar.simple-entry #registerView.content-fixed #registration-building>.building-paired-grid,body.has-sidebar.simple-entry #registerView.content-fixed .facility-options-layout,body.has-sidebar.simple-entry #registerView.content-fixed .fee-items{grid-template-columns:minmax(0,1fr)!important} body.has-sidebar.simple-entry #registerView.content-fixed #listingForm>.registration-group,body.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields{padding:14px!important} #registerView .entry-sections a{white-space:nowrap;flex:none} #registerView .savebar,#registerView .entry-savebar{max-width:100%;flex-wrap:wrap} #registerView .photo-picker input[type=file]{width:100%;font-size:16px} } #mobileMenuToggle,#mobileMenuBackdrop{display:none} @media (max-width:980px){#mobileMenuToggle{display:grid}} /* youtube-workspace.css */ /* YouTube content ledger. Scoped styles: all existing app screens remain unchanged. */ #sheetNavigation .youtube-menu{display:flex;align-items:center;gap:8px;min-height:36px;border-radius:6px} #sheetNavigation .youtube-menu-icon{display:inline-flex;justify-content:center;align-items:center;font-size:15px;width:17px;color:#44688c} #sheetNavigation .youtube-menu.active{background:#294f72;border-color:#294f72;color:#fff;box-shadow:inset 3px 0 #98bbd7} #sheetNavigation .youtube-menu.active .youtube-menu-icon{color:#fff} .youtube-workspace.yt-compact{width:100%!important;max-width:none!important;margin:0!important;padding:12px 4px 36px!important;color:#29445d;min-width:0;--yt-border:#dfe7ee;--yt-muted:#748497;font-size:12px} .youtube-workspace.yt-compact[hidden]{display:none!important} .youtube-workspace.yt-compact *,.yt-dialog *{box-sizing:border-box} .youtube-workspace.yt-compact button,.yt-dialog button{cursor:pointer;font:inherit} .youtube-workspace.yt-compact button:disabled,.yt-dialog button:disabled{opacity:.43;cursor:not-allowed} .youtube-workspace.yt-compact .yt-list-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px} .youtube-workspace.yt-compact .yt-list-title{display:flex;align-items:center;gap:14px} .youtube-workspace.yt-compact .yt-list-title h1{font-size:23px;font-weight:780;margin:0;color:#203954;letter-spacing:-.6px} .youtube-workspace.yt-compact .yt-count{font-size:11px;font-weight:700;color:#667d8f} .youtube-workspace.yt-compact .yt-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .youtube-workspace.yt-compact .yt-search,.youtube-workspace.yt-compact .yt-filter{height:35px;border:1px solid #d6e1eb;background:#fff;color:#35516a;border-radius:7px;padding:7px 9px;box-shadow:none;font:inherit;font-size:12px} .youtube-workspace.yt-compact .yt-search{width:260px} .youtube-workspace.yt-compact .yt-filter{width:119px} .youtube-workspace .yt-primary,.youtube-workspace .yt-secondary,.yt-dialog .yt-primary,.yt-dialog .yt-secondary,.yt-dialog .yt-danger{font-size:12px;font-weight:700;min-height:35px;border-radius:7px;padding:7px 12px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap} .youtube-workspace .yt-primary,.yt-dialog .yt-primary{background:#285f96;color:#fff;border:1px solid #285f96} .youtube-workspace .yt-secondary,.yt-dialog .yt-secondary{background:#fff;color:#3e627f;border:1px solid #d5e0e9} .yt-dialog .yt-danger{background:#fff;color:#bc4d53;border:1px solid #edccd0} .youtube-workspace.yt-compact .yt-table-frame{width:100%;overflow:auto;border:1px solid var(--yt-border);border-radius:9px;background:#fff;scrollbar-width:thin} .youtube-workspace.yt-compact .yt-list-table{width:100%;min-width:960px;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;margin:0} .youtube-workspace.yt-compact th{background:#edf3f9;color:#415a73;font-size:12px;font-weight:750;height:40px;padding:7px 12px;white-space:nowrap;text-align:left;border-bottom:1px solid #d6e1ec} .youtube-workspace.yt-compact td{padding:10px 12px;border-bottom:1px solid #ecf0f4;font-size:12px;line-height:1.55;overflow-wrap:anywhere;color:#465f77;height:56px;vertical-align:middle} .youtube-workspace.yt-compact tr:last-child td{border-bottom:0} .youtube-workspace.yt-compact tbody tr:hover{background:#f8fbfd} .youtube-workspace.yt-compact .yt-list-table th:nth-child(1){width:14%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(2){width:18%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(3){width:12%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(4){width:18%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(5){width:14%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(6){width:8%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(7){width:10%} .youtube-workspace.yt-compact .yt-list-table th:nth-child(8){width:6%} .youtube-workspace.yt-compact .yt-open{background:none!important;border:0!important;color:#24669b;font-weight:750;text-align:left;padding:0!important;white-space:normal;box-shadow:none!important;text-decoration:none} .youtube-workspace.yt-compact .yt-open:hover{text-decoration:underline} .youtube-workspace.yt-compact .yt-address-col strong{display:block;font-size:12px;font-weight:690;color:#2b465f} .youtube-workspace.yt-compact .yt-address-col small,.youtube-workspace.yt-compact .yt-identity small{display:block;font-size:11px;color:#8c9cac} .youtube-workspace.yt-compact .yt-feature-col{color:#586b7d} .youtube-workspace.yt-compact .yt-money-col{font-weight:720;color:#345574} .youtube-workspace.yt-compact .yt-person{font-size:11px;color:#7e8c99} .youtube-workspace.yt-compact .yt-stage-col .yt-status{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .youtube-workspace.yt-compact .yt-stage,.youtube-workspace.yt-compact .yt-priority{display:inline-flex;padding:3px 7px;border-radius:5px;font-size:11px;font-weight:700;background:#edf3f9;color:#466b8b;white-space:nowrap} .youtube-workspace.yt-compact .yt-stage-filming,.youtube-workspace.yt-compact .yt-stage-filmed{color:#946a1c;background:#fff2df} .youtube-workspace.yt-compact .yt-stage-editing{color:#745cac;background:#eeebfa} .youtube-workspace.yt-compact .yt-stage-published{color:#2d7b55;background:#e3f4e9} .youtube-workspace.yt-compact .yt-priority{color:#8c631e;background:#fff2d5} .youtube-workspace.yt-compact .yt-priority.urgent{color:#ba454c;background:#ffeded} .youtube-workspace.yt-compact .yt-file-count{color:#6082a2;font-weight:620;white-space:nowrap} .youtube-workspace.yt-compact .yt-action{border:1px solid #d1dfec;background:#f9fbfe;color:#3d6690;border-radius:5px;white-space:nowrap;padding:5px 10px;font-size:11px;box-shadow:none} .youtube-workspace.yt-compact .yt-loading,.youtube-workspace.yt-compact .yt-empty,.youtube-workspace.yt-compact .yt-error{text-align:center;padding:42px 10px;color:#72879b;font-size:12px} .youtube-workspace.yt-compact .yt-error{color:#bc4557} .youtube-workspace.yt-compact .yt-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#8b9aa8;margin-top:12px} .youtube-workspace.yt-compact .yt-footer small{font-size:11px} .youtube-workspace.yt-compact .yt-pager{display:flex;align-items:center;gap:12px;color:#5f7185} .youtube-workspace.yt-compact .yt-pager button{font-size:11px;min-height:30px;padding:5px 9px} .yt-dialog{width:min(730px,calc(100vw - 24px));max-height:min(92dvh,990px);border:1px solid #d9e3ec;border-radius:13px;box-shadow:0 15px 50px rgba(27,49,72,.22);padding:0;background:#fff;color:#243c52;overflow-y:auto;font-family:inherit} .yt-dialog::backdrop{background:rgba(24,40,58,.48)} .yt-dialog .yt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid #e3e9ef;position:sticky;top:0;background:#fff;z-index:2} .yt-dialog .yt-modal-head small{font-size:10px;letter-spacing:.4px;color:#7990a5;font-weight:700} .yt-dialog .yt-modal-head h2{font-size:19px;margin:3px 0 0;color:#213e5b;font-weight:780} .yt-dialog .yt-close{background:#f1f5f9;border:0;border-radius:7px;color:#61798f;font-size:24px;line-height:1;width:30px;height:30px;box-shadow:none} .yt-dialog .yt-form{padding:16px 20px 0;display:flex;flex-direction:column;gap:12px} .yt-dialog .yt-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px} .yt-dialog .yt-field{display:flex;flex-direction:column;gap:5px;min-width:0} .yt-dialog .yt-field>span{font-size:11px;font-weight:700;color:#526b83} .yt-dialog .yt-field input,.yt-dialog .yt-field select,.yt-dialog .yt-field textarea{display:block;width:100%;max-width:100%;min-width:0;box-shadow:none;border:1px solid #d7e0e9;border-radius:7px;background:#fbfdff;padding:8px 10px;font:inherit;color:#263f57;font-size:13px} .yt-dialog .yt-field input,.yt-dialog .yt-field select{height:37px} .yt-dialog .yt-field textarea{resize:vertical;min-height:64px;line-height:1.55} .yt-dialog .yt-field input:focus,.yt-dialog .yt-field textarea:focus,.yt-dialog .yt-field select:focus{outline:2px solid #b4d2e9;border-color:#779fbe} .yt-dialog .yt-wide{width:100%} .yt-dialog .yt-room-box{padding:11px 12px;background:#f8fbfd;border:1px solid #e3eaf1;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:15px} .yt-dialog .yt-room-image-row{display:flex;flex-wrap:wrap;align-items:start;gap:6px;align-content:start} .yt-dialog .yt-room-image-row>span{width:100%;font-size:11px;font-weight:700;color:#526b83} .yt-dialog .yt-small-btn{font-size:11px;padding:5px 8px;min-height:27px;background:#f4f8fc;color:#38658c;border:1px solid #d8e3ec;border-radius:6px;box-shadow:none;white-space:nowrap} .yt-dialog .yt-room-preview{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%} .yt-dialog .yt-picture{display:flex;gap:5px;align-items:center;flex-wrap:wrap} .yt-dialog .yt-picture img{max-width:94px;height:65px;object-fit:cover;border:1px solid #d8e4ef;border-radius:5px} .yt-dialog .yt-docs{margin:16px 20px 0;border:1px solid #e0e8ef;border-radius:9px;overflow:hidden} .yt-dialog .yt-docs-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f3f7fb;border-bottom:1px solid #e0e8ef;padding:10px 12px} .yt-dialog .yt-docs-head strong{font-size:12px;color:#355b7b} .yt-dialog .yt-docs-head small{font-size:10px;color:#8597a7} .yt-dialog .yt-folder{padding:9px 13px;border-bottom:1px solid #e9eff4} .yt-dialog .yt-folder:last-of-type{border-bottom:0} .yt-dialog .yt-folder-head{display:flex;justify-content:space-between;align-items:center;gap:7px} .yt-dialog .yt-folder-head strong{font-size:12px;font-weight:700;color:#456581;margin-right:auto} .yt-dialog .yt-folder-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px} .yt-dialog .yt-file-item{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #e0e8f1;background:#fcfdff;border-radius:6px;min-width:0;max-width:100%;font-size:11px} .yt-dialog .yt-file-name{color:#2d6693;font-size:11px;font-weight:650;overflow-wrap:anywhere;max-width:320px} .yt-dialog .yt-file-size,.yt-dialog .yt-empty-file{font-size:10px;color:#91a0ae} .yt-dialog .yt-file-remove{border:0;background:none;box-shadow:none;color:#bb555b;padding:2px 4px;font-size:11px} .yt-dialog .yt-progress{color:#5b7891;font-size:11px;margin:5px 12px 9px} .yt-dialog .yt-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #e0e8ef;background:#fff;position:sticky;bottom:0} .yt-dialog .yt-modal-buttons{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;flex-shrink:0} .yt-dialog .yt-notice{font-size:11px;color:#58806e;line-height:1.5;margin:0;min-width:0} .yt-dialog .yt-notice.yt-error{color:#bc4a59} @media(max-width:1100px){.youtube-workspace.yt-compact .yt-list-top{flex-wrap:wrap}.youtube-workspace.yt-compact .yt-list-table{min-width:940px}} @media(max-width:700px){.youtube-workspace.yt-compact{padding:8px 0 25px!important}.youtube-workspace.yt-compact .yt-list-title h1{font-size:19px}.youtube-workspace.yt-compact .yt-list-top{align-items:stretch}.youtube-workspace.yt-compact .yt-toolbar{width:100%;gap:6px}.youtube-workspace.yt-compact .yt-search{flex:1 1 150px;width:auto}.youtube-workspace.yt-compact .yt-filter{width:105px}.yt-dialog{width:calc(100vw - 12px);max-height:94dvh}.yt-dialog .yt-modal-head{padding:12px}.yt-dialog .yt-form{padding:11px}.yt-dialog .yt-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yt-dialog .yt-room-box{grid-template-columns:1fr;gap:8px}.yt-dialog .yt-docs{margin:11px}.yt-dialog .yt-modal-footer{padding:10px;flex-direction:column;align-items:stretch}.yt-dialog .yt-modal-buttons{justify-content:flex-end}.yt-dialog .yt-docs-head small{display:none}} /* Simplified six-column video ledger. Keep styling scoped to the two YouTube views. */ .youtube-workspace.yt-minimal .yt-simple-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 13px;flex-wrap:wrap} .youtube-workspace.yt-minimal .yt-simple-heading{display:flex;align-items:center;gap:14px} .youtube-workspace.yt-minimal .yt-simple-heading h1{font-size:22px;color:#213e58;margin:0;font-weight:780} .youtube-workspace.yt-minimal .yt-simple-heading .yt-count{font-size:11px;color:#6b8499;font-weight:700} .youtube-workspace.yt-minimal .yt-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap} .youtube-workspace.yt-minimal .yt-list-table{min-width:710px} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(1){width:19%} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(2){width:23%} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(3){width:11%} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(4){width:31%} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(5){width:9%} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(6){width:7%} .youtube-workspace.yt-minimal .yt-data-row td{min-height:55px;padding:10px 11px} .youtube-workspace.yt-minimal .yt-summary-col{color:#5d7080} .youtube-workspace.yt-minimal .yt-identity small{color:#728ba0;display:block;font-size:11px;margin-bottom:3px} .youtube-workspace.yt-minimal .yt-location strong{font-size:12px;color:#2b465f;font-weight:660} .youtube-workspace.yt-minimal .yt-location small{display:block;color:#8f9fb0} .youtube-workspace.yt-minimal .yt-normal{font-size:11px;color:#92a1af} .youtube-workspace.yt-minimal .yt-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;color:#7d91a2} .youtube-workspace.yt-minimal .yt-footer small{font-size:11px} .yt-dialog.yt-minimal-dialog{width:min(610px,calc(100vw - 24px));max-height:92dvh} .yt-dialog.yt-minimal-dialog .yt-modal-head{padding:12px 16px} .yt-dialog.yt-minimal-dialog .yt-modal-head h2{font-size:18px} .yt-dialog.yt-minimal-dialog .yt-form{padding:14px 16px 0;gap:12px} .yt-dialog.yt-minimal-dialog .yt-form .yt-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .yt-dialog.yt-minimal-dialog .yt-form>.yt-wide{padding:0} .yt-dialog.yt-minimal-dialog .yt-form>.yt-wide textarea{min-height:72px} .yt-dialog.yt-minimal-dialog .yt-extra{border:1px solid #e4ebf1;border-radius:8px;padding:0;background:#f9fbfd} .yt-dialog.yt-minimal-dialog .yt-extra>summary{cursor:pointer;font-size:12px;font-weight:670;color:#58758f;padding:10px 12px;list-style-position:inside} .yt-dialog.yt-minimal-dialog .yt-extra[open]>summary{border-bottom:1px solid #e4ebf1} .yt-dialog.yt-minimal-dialog .yt-extra>.yt-field{margin:10px 12px} .yt-dialog.yt-minimal-dialog .yt-extra .yt-room-image-row{padding:0 12px 11px} .yt-dialog.yt-minimal-dialog .yt-docs{margin:12px 16px 0;border:1px solid #e4eaf0;border-radius:8px;background:#fff} .yt-dialog.yt-minimal-dialog .yt-docs>summary{padding:11px 13px;background:#f2f6fa;color:#466985;font-size:12px;font-weight:720;cursor:pointer;list-style-position:inside} .yt-dialog.yt-minimal-dialog .yt-docs:not([open]){border-bottom:1px solid #e4eaf0} .yt-dialog.yt-minimal-dialog .yt-docs .yt-folder{padding:8px 11px} .yt-dialog.yt-minimal-dialog .yt-docs .yt-folder:first-of-type{border-top:1px solid #e4eaf0} .yt-dialog.yt-minimal-dialog .yt-modal-footer{padding:11px 16px} .yt-dialog.yt-minimal-dialog .yt-room-image-row{display:flex;align-items:center;gap:10px} .yt-dialog.yt-minimal-dialog .yt-notice{font-size:11px} @media(max-width:720px){ .youtube-workspace.yt-minimal .yt-simple-toolbar{align-items:stretch} .youtube-workspace.yt-minimal .yt-toolbar{width:100%} .youtube-workspace.yt-minimal .yt-search{min-width:135px;flex:1} .youtube-workspace.yt-minimal .yt-list-table{min-width:710px} .yt-dialog.yt-minimal-dialog .yt-form{padding:12px 10px 0} .yt-dialog.yt-minimal-dialog .yt-form .yt-input-grid{gap:8px} .yt-dialog.yt-minimal-dialog .yt-docs{margin:11px 10px 0} .yt-dialog.yt-minimal-dialog .yt-modal-footer{padding:11px} } /* 2026-10-10: compact YouTube LIST ONLY. Popup and other menus unchanged. */ body.has-sidebar #youtubePropertyView.youtube-workspace.yt-minimal, body.has-sidebar #youtubeAuctionView.youtube-workspace.yt-minimal, #youtubePropertyView.youtube-workspace.yt-minimal, #youtubeAuctionView.youtube-workspace.yt-minimal { width:min(100%, 1040px)!important; max-width:1040px!important; min-width:0!important; margin:0 auto 0 0!important; padding:5px 0 22px!important; } .youtube-workspace.yt-minimal .yt-simple-toolbar{gap:8px!important;margin:2px 0 8px!important;align-items:center!important} .youtube-workspace.yt-minimal .yt-simple-heading{gap:9px!important} .youtube-workspace.yt-minimal .yt-simple-heading h1{font-size:19px!important;letter-spacing:-.35px!important} .youtube-workspace.yt-minimal .yt-toolbar{gap:5px!important} .youtube-workspace.yt-minimal .yt-search{height:32px!important;width:205px!important;flex:0 1 205px!important;font-size:11px!important} .youtube-workspace.yt-minimal .yt-toolbar button{min-height:32px!important;padding:5px 9px!important;font-size:11px!important} .youtube-workspace.yt-minimal .yt-table-frame{overflow-x:auto;overflow-y:hidden;border-radius:6px} .youtube-workspace.yt-minimal .yt-list-table{min-width:710px!important;width:100%!important;table-layout:fixed!important;border-spacing:0!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(1){width:17%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(2){width:26%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(3){width:10%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(4){width:35%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(5){width:12%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(n+6){display:none!important} .youtube-workspace.yt-minimal .yt-list-table th{height:32px!important;padding:5px 8px!important;font-size:11px!important} .youtube-workspace.yt-minimal .yt-list-table td{height:42px!important;padding:6px 8px!important;font-size:11px!important;line-height:1.35!important;vertical-align:middle!important} .youtube-workspace.yt-minimal .yt-list-table .yt-summary-col{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .youtube-workspace.yt-minimal .yt-list-table .yt-location-col strong{font-size:11px!important} .youtube-workspace.yt-minimal .yt-list-table .yt-location-col small{font-size:10px!important} .youtube-workspace.yt-minimal .yt-row-controls{display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap} .youtube-workspace.yt-minimal .yt-doc-indicator{font-size:10px;color:#607f98;white-space:nowrap} .youtube-workspace.yt-minimal .yt-list-table .yt-action{padding:4px 7px!important;min-width:0!important;font-size:11px!important} .youtube-workspace.yt-minimal .yt-footer{margin-top:8px!important} @media(max-width:760px){ .youtube-workspace.yt-minimal .yt-simple-toolbar{align-items:stretch!important} .youtube-workspace.yt-minimal .yt-search{width:auto!important;flex:1 1 140px!important} .youtube-workspace.yt-minimal .yt-list-table{min-width:710px!important} } /* Compact list width; OneDrive connection and safe preview UI only. */ body.has-sidebar #youtubePropertyView.youtube-workspace.yt-minimal, body.has-sidebar #youtubeAuctionView.youtube-workspace.yt-minimal, #youtubePropertyView.youtube-workspace.yt-minimal, #youtubeAuctionView.youtube-workspace.yt-minimal{ width:100%!important;max-width:none!important } .youtube-workspace.yt-minimal .yt-list-table th:nth-child(1){width:19%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(2){width:25%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(3){width:10%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(4){width:34%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(5){width:12%!important} .yt-dialog .yt-drive-connection{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#f9fcff;border-bottom:1px solid #e5ecf2} .yt-dialog .yt-drive-message{font-size:11px;line-height:1.45;color:#a16e2d;min-width:0} .yt-dialog .yt-drive-message[data-ready="true"]{color:#31765b} .yt-dialog .yt-drive-connection .yt-small-btn{flex-shrink:0} .yt-dialog .yt-file-preview-btn{background:#edf5fc;color:#2b6997;padding:4px 7px;border:1px solid #cddfec;border-radius:5px;font-weight:650;font-size:11px;box-shadow:none;white-space:nowrap} .yt-dialog .yt-file-preview-btn:hover{background:#ddecf9} .yt-dialog .yt-file-name{max-width:220px;overflow-wrap:anywhere} .yt-preview-dialog{width:min(1020px,calc(100vw - 30px));height:min(87dvh,950px);max-height:95dvh;max-width:95vw;min-height:280px;padding:0;border:1px solid #dce5ee;border-radius:11px;background:#fff;color:#283e53;box-shadow:0 19px 58px rgba(14,37,57,.32);overflow:hidden} .yt-preview-dialog::backdrop{background:rgba(20,35,50,.6)} .yt-preview-dialog .yt-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;background:#f5f8fc;border-bottom:1px solid #dfe7ef;min-height:48px} .yt-preview-dialog .yt-preview-head strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1} .yt-preview-dialog .yt-preview-actions{display:flex;gap:8px;align-items:center;flex-shrink:0} .yt-preview-dialog .yt-preview-download{background:#2b689d;color:#fff;padding:7px 10px;text-decoration:none;border-radius:6px;font-size:12px;font-weight:700} .yt-preview-dialog .yt-preview-actions button{border:1px solid #d9e3ec;background:#fff;color:#46647c;border-radius:6px;padding:7px 11px;font-size:12px;font-weight:700;box-shadow:none} .yt-preview-dialog .yt-preview-body{display:flex;align-items:center;justify-content:center;width:100%;height:calc(100% - 48px);min-height:200px;background:#eef2f6;overflow:hidden} .yt-preview-dialog .yt-preview-document{width:100%;height:100%;min-height:250px;border:0;background:#fff} .yt-preview-dialog .yt-preview-image{display:block;max-width:100%;max-height:100%;object-fit:contain} .yt-preview-dialog .yt-preview-video{display:block;max-width:100%;max-height:100%} .yt-preview-dialog .yt-preview-audio{width:min(90%,600px)} .yt-preview-dialog .yt-preview-fallback{padding:16px;font-size:12px;color:#526c82} @media(max-width:650px){ .yt-dialog .yt-drive-connection{flex-wrap:wrap} .yt-preview-dialog{width:calc(100vw - 12px);max-width:none;height:min(82dvh,850px)} .yt-preview-dialog .yt-preview-head{padding:8px} .yt-preview-dialog .yt-preview-download{padding:6px 8px} } /* 2026-10-10 — clickable room-photo original preview, without changing file storage. */ .yt-dialog .yt-room-photo-open{ display:inline-flex;position:relative;flex-direction:column;align-items:center; gap:4px;padding:4px;min-width:74px;max-width:132px; border:1px solid #d7e3ee;border-radius:7px;background:#fff; color:#285f92;box-shadow:none;cursor:zoom-in; } .yt-dialog .yt-room-photo-open img{ display:block;width:94px;height:65px;max-width:100%; border:0;border-radius:4px;object-fit:contain;background:#f5f8fb; } .yt-dialog .yt-room-photo-label{font-size:10px;font-weight:720;color:#286a9f;line-height:1.2} .yt-dialog .yt-room-photo-open:hover{background:#eef7fe;border-color:#9dc7e6} .yt-dialog .yt-room-photo-open:focus-visible,.yt-preview-dialog .yt-preview-zoom-btn:focus-visible{ outline:2px solid #3f84be;outline-offset:2px; } .yt-preview-dialog .yt-preview-zoom-btn{ border:1px solid #c7d9ea;background:#fff;color:#245d8d; border-radius:6px;padding:7px 11px;font-size:12px;font-weight:720; white-space:nowrap;box-shadow:none;cursor:pointer; } .yt-preview-dialog .yt-preview-body:not(.yt-original-scale) .yt-preview-image{cursor:zoom-in} .yt-preview-dialog .yt-preview-body.yt-original-scale{ display:block;overflow:auto;text-align:left; scrollbar-width:thin; } .yt-preview-dialog .yt-preview-body.yt-original-scale .yt-preview-image{ display:block;max-width:none;max-height:none; width:auto;height:auto;object-fit:fill;cursor:zoom-out; } @media(max-width:650px){ .yt-preview-dialog .yt-preview-zoom-btn{font-size:11px;padding:6px 7px} .yt-dialog .yt-room-photo-open{max-width:110px} } /* One additional compact progress column, common to property and auction. */ .youtube-workspace.yt-minimal .yt-list-table{min-width:805px!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(1){width:16%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(2){width:21%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(3){width:9%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(4){width:17%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(5){width:29%!important} .youtube-workspace.yt-minimal .yt-list-table th:nth-child(6){display:table-cell!important;width:8%!important} .youtube-workspace.yt-minimal .yt-production-col{padding:4px 5px!important} .youtube-workspace.yt-minimal .yt-production-button{ display:flex;flex-direction:column;align-items:stretch;justify-content:center; gap:3px;width:100%;max-width:100%;min-width:0;min-height:34px; padding:3px 6px;border:1px solid #dee7ef;border-radius:6px; background:#fbfdff;color:#335c81;text-align:left;box-shadow:none; cursor:pointer;white-space:normal; } .youtube-workspace.yt-minimal .yt-production-button:hover{background:#f0f7fd;border-color:#b8d5eb} .youtube-workspace.yt-minimal .yt-production-button:focus-visible{outline:2px solid #5087b7;outline-offset:1px} .youtube-workspace.yt-minimal .yt-production-number{font-size:11px;font-weight:780;line-height:1.2} .youtube-workspace.yt-minimal .yt-production-next{ display:block;max-width:100%;font-size:10px;line-height:1.2;color:#6e8091; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .youtube-workspace.yt-minimal .yt-production-track{ display:block;overflow:hidden;width:100%;height:3px; background:#e4edf5;border-radius:5px; } .youtube-workspace.yt-minimal .yt-production-filled{ display:block;height:100%;background:#4c88b6;transition:width .18s ease; } .youtube-workspace.yt-minimal .yt-production-complete .yt-production-number, .youtube-workspace.yt-minimal .yt-production-complete .yt-production-next{color:#277655} .youtube-workspace.yt-minimal .yt-production-complete .yt-production-filled{background:#3b9a70} /* Production checklist popup — replaces no existing registration fields. */ .yt-production-dialog{ width:min(488px,calc(100vw - 20px));max-width:calc(100vw - 20px); max-height:88dvh;padding:0;overflow-y:auto;overscroll-behavior:contain; border:1px solid #d7e4ee;border-radius:12px;background:#fff; color:#2c4760;box-shadow:0 16px 54px rgba(26,45,66,.25); font-family:inherit; } .yt-production-dialog *{box-sizing:border-box} .yt-production-dialog::backdrop{background:rgba(26,42,60,.50)} .yt-production-dialog .yt-production-head{ display:flex;align-items:center;justify-content:space-between;gap:10px; background:#fff;border-bottom:1px solid #e3ebf2;padding:13px 16px; position:sticky;top:0;z-index:1; } .yt-production-dialog .yt-production-head small{font-size:10px;color:#788fa6} .yt-production-dialog .yt-production-head h2{ margin:3px 0 0;font-size:17px;font-weight:780;color:#294c6d; } .yt-production-dialog .yt-production-close{ flex:0 0 auto;width:29px;height:29px;min-height:29px; padding:0;border:0;border-radius:6px;background:#f0f5f9; color:#53748f;font-size:22px;cursor:pointer;box-shadow:none; } .yt-production-dialog .yt-production-overview{ display:flex;align-items:center;gap:11px;flex-wrap:wrap; padding:12px 16px;border-bottom:1px solid #e7edf3; } .yt-production-dialog .yt-production-counter{font-size:13px;color:#245781;white-space:nowrap} .yt-production-dialog .yt-production-large-track{ height:6px;flex:1 1 135px;min-width:75px;border-radius:5px; background:#e7eef5;overflow:hidden; } .yt-production-dialog .yt-production-large-fill{ display:block;height:100%;background:#3d87b6;transition:width .18s; } .yt-production-dialog .yt-production-next-label{width:100%;font-size:11px;color:#708397} .yt-production-dialog .yt-production-checklist{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;padding:12px 14px 14px; } .yt-production-dialog .yt-production-item{ min-width:0;min-height:38px;display:flex;align-items:center;gap:7px; padding:6px 8px;border:1px solid #e0e8f0;border-radius:7px; color:#425f76;background:#fff;cursor:pointer;font-size:12px; } .yt-production-dialog .yt-production-item:hover{background:#f8fbfe} .yt-production-dialog .yt-production-item.done{background:#f0f7fb;border-color:#cfe3f1;color:#275f86} .yt-production-dialog .yt-production-item input{ margin:0;flex-shrink:0;accent-color:#377eac;width:15px;height:15px; } .yt-production-dialog .yt-production-order{ font-size:10px;color:#8499aa;font-weight:700;flex-shrink:0; } .yt-production-dialog .yt-production-step-label{ min-width:0;font-size:12px;line-height:1.35;overflow-wrap:anywhere; } .yt-production-dialog .yt-production-footer{ position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center; gap:8px;padding:11px 14px;background:#fff;border-top:1px solid #e4ebf1; } .yt-production-dialog .yt-production-message{margin:0;min-width:0;font-size:11px;color:#557c67} .yt-production-dialog .yt-production-message.yt-error{color:#ba4554} .yt-production-dialog .yt-production-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0} .yt-production-dialog .yt-production-buttons button{ min-height:32px;border-radius:7px;padding:6px 13px;font-size:12px; font-family:inherit;font-weight:720;cursor:pointer;box-shadow:none; } .yt-production-dialog .yt-production-buttons .yt-primary{ background:#28659b;border:1px solid #28659b;color:#fff; } .yt-production-dialog .yt-production-buttons .yt-secondary{ background:#fff;border:1px solid #d7e1ea;color:#426482; } .yt-production-dialog button:disabled{opacity:.45;cursor:not-allowed} @media(max-width:540px){ .yt-production-dialog{width:calc(100vw - 14px);max-height:93dvh} .yt-production-dialog .yt-production-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px} .yt-production-dialog .yt-production-item{padding:5px;gap:5px;min-height:40px} .yt-production-dialog .yt-production-step-label{font-size:11px} .yt-production-dialog .yt-production-footer{padding:9px 10px} } /* 2026-10-18: Fill the available desktop width and keep list text readable. */ #youtubePropertyView.youtube-workspace.yt-minimal, #youtubeAuctionView.youtube-workspace.yt-minimal{box-sizing:border-box;width:100%!important;max-width:none!important} .youtube-workspace.yt-minimal .yt-simple-heading h1{font-size:22px!important} .youtube-workspace.yt-minimal .yt-count, .youtube-workspace.yt-minimal .yt-footer small{font-size:12px!important} .youtube-workspace.yt-minimal .yt-search, .youtube-workspace.yt-minimal .yt-toolbar button{font-size:13px!important;min-height:36px!important} .youtube-workspace.yt-minimal .yt-list-table th{font-size:13px!important;height:40px!important;padding:8px 10px!important} .youtube-workspace.yt-minimal .yt-list-table td{font-size:13px!important;height:58px!important;padding:9px 10px!important;line-height:1.45!important} .youtube-workspace.yt-minimal .yt-list-table .yt-location-col strong{font-size:13px!important} .youtube-workspace.yt-minimal .yt-list-table .yt-location-col small{font-size:12px!important} .youtube-workspace.yt-minimal .yt-production-number{font-size:13px} .youtube-workspace.yt-minimal .yt-production-next{font-size:11px} .youtube-workspace.yt-minimal .yt-list-table .yt-action{font-size:12px!important;padding:6px 9px!important} @media(max-width:760px){ #youtubePropertyView.youtube-workspace.yt-minimal, #youtubeAuctionView.youtube-workspace.yt-minimal{width:100%!important} .youtube-workspace.yt-minimal .yt-list-table{min-width:805px!important} } /* Video project workspace: scannable production desk, 2026-10-19. */ #youtubePropertyView.youtube-workspace.yt-pro, #youtubeAuctionView.youtube-workspace.yt-pro{ padding:14px 18px 30px!important; color:#19344d; } .youtube-workspace.yt-pro .yt-simple-toolbar{ align-items:flex-start!important; gap:14px!important; margin:0 0 12px!important; padding:16px 18px; background:#fff; border:1px solid #dce6ee; border-radius:12px; box-shadow:0 2px 10px rgba(27,54,76,.04); } .youtube-workspace.yt-pro .yt-simple-heading{align-items:flex-start!important;gap:13px!important;min-width:0} .youtube-workspace.yt-pro .yt-heading-copy h1{font-size:21px!important;line-height:1.25;color:#143752!important} .youtube-workspace.yt-pro .yt-page-subtitle{font-size:12px;line-height:1.4;color:#70869a;margin:5px 0 0} .youtube-workspace.yt-pro .yt-count{white-space:nowrap;margin-top:4px;padding:5px 8px;border-radius:20px;background:#edf5fb;color:#24618d!important} .youtube-workspace.yt-pro .yt-toolbar{justify-content:flex-end;min-width:0} .youtube-workspace.yt-pro .yt-search{width:245px!important;flex:0 1 245px!important;height:36px!important} .youtube-workspace.yt-pro .yt-toolbar .yt-primary{background:#215f92;border-color:#215f92} .youtube-workspace.yt-pro .yt-focus{ display:flex;align-items:center;justify-content:space-between;gap:14px; padding:12px 16px;margin:0 0 10px;border:1px solid #cde0ef; border-left:4px solid #2b79ad;border-radius:9px;background:#f3f8fc; } .youtube-workspace.yt-pro .yt-focus[hidden]{display:none!important} .youtube-workspace.yt-pro .yt-focus-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:11px;row-gap:3px;min-width:0} .youtube-workspace.yt-pro .yt-focus-copy small{color:#49799d;font-size:11px;font-weight:750;white-space:nowrap} .youtube-workspace.yt-pro .yt-focus-copy strong{color:#1b4668;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .youtube-workspace.yt-pro .yt-focus-copy span{color:#6e8294;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .youtube-workspace.yt-pro .yt-focus button{flex-shrink:0;font-size:12px} .youtube-workspace.yt-pro .yt-table-frame{border-radius:11px;border-color:#d9e4ed;box-shadow:0 2px 10px rgba(27,54,76,.04)} .youtube-workspace.yt-minimal.yt-pro .yt-list-table{min-width:980px!important;width:100%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(1){width:12%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(2){width:22%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(3){width:9%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(4){width:19%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(5){width:24%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th:nth-child(6){display:table-cell!important;width:14%!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table th{background:#eaf2f8;color:#45647d;font-size:12px!important;font-weight:730;height:39px!important} .youtube-workspace.yt-minimal.yt-pro .yt-list-table td{height:72px!important;font-size:12px!important;padding:10px 12px!important;line-height:1.42!important} .youtube-workspace.yt-pro .yt-data-row:nth-child(even){background:#fbfdff} .youtube-workspace.yt-pro .yt-data-row:hover{background:#f2f8fd} .youtube-workspace.yt-pro .yt-urgent-row td:first-child{box-shadow:inset 3px 0 #d77855} .youtube-workspace.yt-pro .yt-record-id{display:flex;flex-direction:column;align-items:flex-start;gap:4px} .youtube-workspace.yt-pro .yt-record-id .yt-open{font-size:14px;font-weight:760;color:#176297} .youtube-workspace.yt-pro .yt-updated{font-size:10px;color:#8598a7;white-space:nowrap} .youtube-workspace.yt-pro .yt-location strong{font-size:13px!important;color:#24435e} .youtube-workspace.yt-pro .yt-location small{margin-top:4px;font-size:11px!important;color:#8294a3} .youtube-workspace.yt-pro .yt-priority-col .yt-priority{font-size:11px;padding:4px 8px} .youtube-workspace.yt-pro .yt-priority-col .yt-normal{font-size:11px} .youtube-workspace.yt-pro .yt-production-col{padding:7px 10px!important} .youtube-workspace.yt-pro .yt-production-button{min-height:48px;padding:6px 9px;border-radius:7px;background:#f7fbfe} .youtube-workspace.yt-pro .yt-production-number{font-size:13px;font-weight:780} .youtube-workspace.yt-pro .yt-production-track{height:4px} .youtube-workspace.yt-pro .yt-production-next{font-size:11px;color:#617c91} .youtube-workspace.yt-pro .yt-summary{display:flex;flex-direction:column;gap:4px;min-width:0} .youtube-workspace.yt-pro .yt-summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#405d73} .youtube-workspace.yt-pro .yt-summary .yt-summary-empty{color:#9aabb8} .youtube-workspace.yt-pro .yt-shoot-date{font-size:10px;color:#647f93} .youtube-workspace.yt-pro .yt-row-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px!important;white-space:normal} .youtube-workspace.yt-pro .yt-doc-indicator{color:#6c8395;font-size:11px;white-space:nowrap} .youtube-workspace.yt-pro .yt-video-link{color:#26709c;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap} .youtube-workspace.yt-pro .yt-video-link:hover{text-decoration:underline} .youtube-workspace.yt-pro .yt-action{background:#f3f8fc;border-color:#bfd5e6;color:#235d89;font-weight:700} .youtube-workspace.yt-pro .yt-footer{padding:0 2px;margin-top:11px!important} .youtube-workspace.yt-pro .yt-empty{padding:0!important} .youtube-workspace.yt-pro .yt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:225px;padding:24px;text-align:center} .youtube-workspace.yt-pro .yt-empty-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e9f3fb;color:#2b73a3;font-size:16px} .youtube-workspace.yt-pro .yt-empty-state strong{font-size:16px;color:#284e6b} .youtube-workspace.yt-pro .yt-empty-state p{margin:0 0 5px;font-size:12px;color:#798da0;line-height:1.5} .youtube-workspace.yt-pro .yt-empty-state button{font-size:12px} .yt-dialog.yt-pro-dialog{width:min(770px,calc(100vw - 24px));max-height:92dvh} .yt-dialog.yt-pro-dialog .yt-planning-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:10px} .yt-dialog.yt-pro-dialog .yt-form>.yt-wide textarea{min-height:88px} @media(max-width:1040px){ .youtube-workspace.yt-pro .yt-simple-toolbar{flex-wrap:wrap} .youtube-workspace.yt-pro .yt-toolbar{width:100%;justify-content:flex-start} .youtube-workspace.yt-pro .yt-search{flex:1 1 240px!important} } @media(max-width:700px){ #youtubePropertyView.youtube-workspace.yt-pro,#youtubeAuctionView.youtube-workspace.yt-pro{padding:10px 8px 28px!important} .youtube-workspace.yt-pro .yt-simple-toolbar{padding:12px;gap:10px} .youtube-workspace.yt-pro .yt-heading-copy h1{font-size:18px!important} .youtube-workspace.yt-pro .yt-page-subtitle{font-size:11px} .youtube-workspace.yt-pro .yt-focus{align-items:flex-start;flex-direction:column} .yt-dialog.yt-pro-dialog .yt-planning-grid{grid-template-columns:1fr} } /* Keep both video workspaces at a readable middle width on large screens. */ #youtubePropertyView.youtube-workspace.yt-minimal.yt-pro, #youtubeAuctionView.youtube-workspace.yt-minimal.yt-pro{ width:min(100%,1220px)!important;max-width:1220px!important;margin:0 auto!important; } .yt-dialog .yt-docs{border:1px solid #c9dbea;background:#f8fbfe;border-radius:10px} .yt-dialog .yt-docs>summary{color:#185987;font-weight:750} .yt-dialog .yt-file-help{margin:4px 12px 10px;color:#638097;font-size:11px} .youtube-workspace.yt-pro .yt-row-controls .yt-action{min-width:0} @media(max-width:760px){ #youtubePropertyView.youtube-workspace.yt-minimal.yt-pro, #youtubeAuctionView.youtube-workspace.yt-minimal.yt-pro{width:100%!important;max-width:100%!important} } /* Constrain the property and auction video tables on wide screens. */ body.has-sidebar #youtubePropertyView.youtube-workspace.yt-minimal.yt-pro, body.has-sidebar #youtubeAuctionView.youtube-workspace.yt-minimal.yt-pro, #youtubePropertyView.youtube-workspace.yt-minimal.yt-pro, #youtubeAuctionView.youtube-workspace.yt-minimal.yt-pro{ box-sizing:border-box; width:min(100%,1220px)!important; max-width:1220px!important; margin-left:auto!important; margin-right:auto!important; } @media(max-width:760px){ body.has-sidebar #youtubePropertyView.youtube-workspace.yt-minimal.yt-pro, body.has-sidebar #youtubeAuctionView.youtube-workspace.yt-minimal.yt-pro{ width:100%!important; max-width:100%!important; } } /* move-settlement.css */ /* HANA MOVE SETTLEMENT — scoped, phone-first internal ledger */ #sheetNavigation .move-settlement-menu{display:flex;align-items:center;gap:9px;min-height:36px;border-radius:6px} #sheetNavigation .move-settlement-menu .move-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;color:#41708f;font-size:15px} #sheetNavigation .move-settlement-menu.active{background:#294f72;color:#fff;box-shadow:inset 3px 0 #98bbd7} #sheetNavigation .move-settlement-menu.active .move-menu-icon{color:#fff} #moveSettlementView.move-settlement{width:min(100%,945px)!important;max-width:945px!important;min-width:0!important;margin:0 auto 0 0!important;padding:8px 0 26px!important;color:#26435c;font-size:12px} #moveSettlementView[hidden]{display:none!important} .move-settlement *,.move-dialog *,.move-preview *{box-sizing:border-box} .move-settlement button,.move-dialog button,.move-preview button{cursor:pointer;font-family:inherit} .move-settlement button:disabled,.move-dialog button:disabled{opacity:.5;cursor:not-allowed} .move-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} .move-title{display:flex;align-items:center;gap:10px}.move-title h1{margin:0;font-size:20px;font-weight:770;letter-spacing:-.4px;color:#1e405c} .move-count{color:#71879a;font-size:11px} .move-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .move-search{min-width:0;width:230px;height:34px;padding:7px 10px;border:1px solid #d2deea;border-radius:7px;background:#fff;font-size:12px} .move-btn-primary,.move-btn-plain,.move-btn-light,.move-btn-danger{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;min-height:34px;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:700;box-shadow:none} .move-btn-primary{background:#276394;color:#fff;border:1px solid #276394} .move-btn-primary:hover{background:#19507e} .move-btn-plain,.move-btn-light{color:#376384;background:#fff;border:1px solid #d5e1ec} .move-btn-light{background:#f7fafc}.move-btn-danger{color:#b8454b;background:#fff;border:1px solid #e8cbd0} .move-list-wrapper{width:100%;overflow:auto;border:1px solid #d8e3ec;border-radius:7px;background:#fff} .move-list{border-collapse:collapse;width:100%;table-layout:fixed;min-width:620px} .move-list th{text-align:left;background:#edf4fa;font-size:12px;height:38px;padding:8px 11px;color:#3b5c74;border-bottom:1px solid #d6e3ef} .move-list td{height:49px;padding:8px 11px;border-bottom:1px solid #edf2f6;font-size:12px;color:#455f75;vertical-align:middle} .move-list tbody tr:last-child td{border-bottom:0}.move-list tbody tr:hover{background:#f9fcff} .move-list th:nth-child(1){width:35%}.move-list th:nth-child(2){width:17%}.move-list th:nth-child(3){width:20%}.move-list th:nth-child(4){width:17%}.move-list th:nth-child(5){width:11%} .move-address{display:flex;flex-direction:column;gap:2px}.move-address small{font-size:11px;color:#93a2b0} .move-open{padding:0;border:none;background:transparent;color:#24669d;font-size:12px;font-weight:740;text-align:left;white-space:normal} .move-open:hover{text-decoration:underline} .move-progress{display:flex;align-items:center;gap:9px}.move-progress strong{font-size:11px;color:#477089;white-space:nowrap} .move-progress-track{display:block;max-width:85px;flex:1;height:4px;border-radius:10px;background:#e6edf4;overflow:hidden} .move-progress-fill{display:block;background:#3c9d7d;height:100%} .move-row-edit{background:#f9fbff;color:#285f8d;border:1px solid #d5e1ec;border-radius:6px;padding:5px 10px;font-size:11px} .move-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:12px} .move-pager .move-btn-plain{min-height:30px;font-size:11px;padding:5px 9px}.move-pager span{font-size:11px;color:#667f92} .move-empty{text-align:center!important;padding:34px!important;color:#7990a4} .move-error{color:#ba414e!important} .move-dialog{width:min(715px,calc(100vw - 20px));max-height:93dvh;margin:auto;padding:0;overflow:auto;border:1px solid #d6e3ec;border-radius:13px;background:#fff;color:#2c4861;box-shadow:0 20px 60px rgba(25,44,61,.25);font-family:inherit} .move-dialog::backdrop{background:rgba(29,47,67,.48)} .move-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:2;padding:14px 17px;background:#fff;border-bottom:1px solid #e4ebf2} .move-dialog-heading small{font-size:10px;letter-spacing:1px;font-weight:700;color:#7992a5} .move-dialog-heading h2{margin:3px 0 0;font-size:19px;color:#204462} .move-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f1f6fa;color:#57748e;border:0;border-radius:7px;font-size:21px} .move-form{padding:14px 17px 0}.move-form h3{font-size:13px;margin:18px 0 9px;font-weight:780;color:#315773} .move-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .move-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;font-weight:690;color:#587187} .move-field input,.move-charge input,.move-charge select,.move-original-text,.move-note textarea{width:100%;max-width:100%;min-width:0;padding:8px 9px;border:1px solid #d7e3ec;border-radius:7px;background:#fcfdff;color:#2c4961;font-size:12px;line-height:1.4;font-family:inherit;box-shadow:none} .move-field input,.move-charge input,.move-charge select{height:36px} .move-field input:focus,.move-charge input:focus,.move-charge select:focus,.move-original-text:focus,.move-note textarea:focus{outline:2px solid #afd0e8;border-color:#83afcc} .move-charges{display:flex;flex-direction:column;gap:6px} .move-charge{display:grid;grid-template-columns:95px minmax(110px,1fr) 125px;gap:8px;align-items:center;padding:9px 12px;border:1px solid #e0e9f0;border-radius:8px;background:#fbfcfe} .move-charge-title{font-size:12px;color:#3d5c77} .move-original{grid-column:1 / -1} .move-original summary{font-size:11px;color:#34739d;cursor:pointer;padding:2px 0} .move-original textarea{min-height:66px;resize:vertical;margin-top:6px;white-space:pre-wrap} .move-note{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:12px;color:#3f627e} .move-note textarea{resize:vertical;min-height:75px;line-height:1.5;white-space:pre-wrap} .move-attachments{margin:12px 17px 0;border:1px solid #dce6ed;border-radius:8px;overflow:hidden} .move-attachments>summary{background:#f3f8fc;padding:11px 13px;font-size:12px;font-weight:700;color:#3f6684;cursor:pointer} .move-file-area{padding:11px 13px}.move-file-area .move-file-kind{width:145px;height:31px;border:1px solid #d5e1eb;border-radius:6px;background:#fff;color:#3c5870;padding:5px 8px;font-size:11px;margin-right:6px} .move-file-list{display:flex;flex-direction:column;gap:5px;margin-top:9px} .move-file-item{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #e5edf3;border-radius:6px;font-size:11px;background:#fff} .move-thumb{height:45px;width:55px;object-fit:cover;border:1px solid #dde7ee;border-radius:4px;cursor:zoom-in} .move-file-link{color:#236a9c;overflow-wrap:anywhere;flex:1} .move-small-btn,.move-file-delete{border:1px solid #d8e3ec;border-radius:6px;padding:5px 7px;background:#fff;color:#3f6580;font-size:11px;white-space:nowrap} .move-file-delete{color:#b64b55}.move-file-status{margin:7px 0 0;font-size:11px;color:#738b9f} .move-dialog-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:12px 17px;background:#fff;border-top:1px solid #dfe8ef;z-index:2} .move-feedback{margin:0;flex:1;min-width:0;font-size:11px;color:#3e8a67;line-height:1.4} .move-footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px} .move-dialog-footer button{min-height:31px;padding:6px 9px;font-size:11px} .move-preview{width:min(920px,calc(100vw - 20px));height:min(87dvh,900px);border:1px solid #dfe7ef;border-radius:11px;padding:0;overflow:hidden;background:#fff} .move-preview::backdrop{background:rgba(28,44,59,.55)} .move-preview header{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f8fc;border-bottom:1px solid #dce5ee} .move-preview header strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .move-preview header a{color:#28659d;font-size:12px} .move-preview-body{height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;overflow:auto;background:#f1f5f9} .move-preview-body img{max-width:100%;max-height:100%;object-fit:contain}.move-preview-body iframe{width:100%;height:100%;border:0;background:#fff} #moveSettlementPrint{display:none} @media(max-width:690px){ #moveSettlementView.move-settlement{padding:8px 0 20px!important} .move-bar{align-items:stretch}.move-tools{width:100%}.move-search{flex:1 1 150px;width:auto} .move-dialog{width:calc(100vw - 12px);max-height:95dvh} .move-dialog-header{padding:12px} .move-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .move-form{padding:12px 10px 0} .move-charge{grid-template-columns:82px minmax(75px,1fr) 100px;gap:5px;padding:7px} .move-charge-title{font-size:11px}.move-charge input,.move-charge select{font-size:11px;padding:7px} .move-attachments{margin:10px 10px 0} .move-dialog-footer{padding:9px 10px;flex-direction:column;align-items:stretch;gap:7px} .move-footer-actions{justify-content:stretch}.move-footer-actions button{flex:1 1 30%;min-width:0} .move-feedback{width:100%} } @page{size:A4 portrait;margin:13mm} @media print{ html,body{margin:0!important;padding:0!important;width:auto!important;background:#fff!important;font-family:"Malgun Gothic",Arial,sans-serif!important} body.move-print-mode > :not(#moveSettlementPrint){display:none!important} #moveSettlementPrint{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#243a4d!important;position:static!important;font-size:10pt;line-height:1.6} #moveSettlementPrint *{box-sizing:border-box} #moveSettlementPrint .move-print-header{text-align:center;border-bottom:3px solid #254e6d;padding:0 0 12px;margin-bottom:15px} #moveSettlementPrint .move-print-header span{font-size:10pt;letter-spacing:1px;color:#355d7b} #moveSettlementPrint .move-print-header h1{margin:4px 0;font-size:23pt;color:#163b57;letter-spacing:1px} #moveSettlementPrint .move-print-header p{margin:0;color:#657d90;font-size:10pt} #moveSettlementPrint .move-print-info{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #d2dde6;margin-bottom:20px} #moveSettlementPrint .move-print-info div{display:flex;flex-direction:column;padding:8px 12px;border-bottom:1px solid #e5edf2} #moveSettlementPrint .move-print-info div:nth-child(odd){border-right:1px solid #e5edf2} #moveSettlementPrint .move-print-info span{font-size:8pt;color:#748a9b} #moveSettlementPrint .move-print-info strong{font-size:11pt;color:#253f54} #moveSettlementPrint h2{font-size:12pt;color:#214b6a;margin:17px 0 8px} #moveSettlementPrint .move-print-table{width:100%;border-collapse:collapse;font-size:10pt} #moveSettlementPrint .move-print-table th{background:#eff5f9;color:#2b5878} #moveSettlementPrint .move-print-table th,#moveSettlementPrint .move-print-table td{text-align:left;border:1px solid #d7e2eb;padding:9px 12px} #moveSettlementPrint .move-print-table td:last-child{font-weight:700} #moveSettlementPrint .move-print-note{border:1px solid #dbe5ec;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px;min-height:48px;margin:0 0 15px} #moveSettlementPrint .move-print-source{border:1px solid #dbe5ec;margin-bottom:10px;padding:8px 11px;break-inside:avoid-page} #moveSettlementPrint .move-print-source strong{color:#3d6483} #moveSettlementPrint .move-print-source p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0} #moveSettlementPrint .move-print-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} #moveSettlementPrint .move-print-gallery figure{margin:0;border:1px solid #dce7ef;padding:5px;break-inside:avoid-page} #moveSettlementPrint .move-print-gallery img{max-width:100%;max-height:90mm;object-fit:contain;display:block;margin:auto} #moveSettlementPrint .move-print-gallery figcaption{text-align:center;font-size:8pt;color:#74889b} #moveSettlementPrint .move-print-foot{margin-top:15px;border-top:1px solid #b6c9d8;padding-top:10px;color:#61778a;font-size:8.5pt} } /* Secure landlord report link: new owner-facing workflow, kept off public manager UI. */ .move-dialog .move-share-panel{ display:flex;flex-direction:column;gap:8px;margin:12px 17px 0;padding:11px 13px; border:1px solid #cbddeb;border-radius:8px;background:#f3f9fe } .move-dialog .move-share-panel[hidden]{display:none!important} .move-dialog .move-share-title{font-size:12px;color:#245a81} .move-dialog .move-share-hint{font-size:11px;line-height:1.5;margin:0;color:#65829a} .move-dialog .move-share-url{ display:block;width:100%;min-width:0;border:1px solid #bfd1e0;border-radius:6px; padding:8px 9px;background:#fff;color:#1b5f96;font:11px/1.5 monospace } .move-dialog .move-share-url:focus{outline:2px solid #91bedb} .move-dialog .move-share-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px} .move-dialog .move-share-actions button{font-size:11px;padding:6px 10px;min-height:30px} #moveSettlementPrint .move-print-original-row td{background:#f8fbff;color:#385873;vertical-align:top} #moveSettlementPrint .move-print-original-row strong{font-size:9pt;color:#366b91} #moveSettlementPrint .move-print-original-row p{margin:5px 0 2px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:9pt;line-height:1.5} @media print{ #moveSettlementPrint .move-print-original-row{break-inside:avoid;page-break-inside:avoid} #moveSettlementPrint .move-print-original-row td{padding:8px 12px;border-top:0} } @media(max-width:690px){ .move-dialog .move-share-panel{margin:10px 10px 0;padding:10px} } /* Three clear sending choices, with one uncluttered action on the settlement form. */ .move-send-chooser{ width:min(515px,calc(100vw - 18px));max-width:calc(100vw - 18px); max-height:88dvh;border:1px solid #d9e5ee;border-radius:12px;padding:0; background:#fff;color:#294961;box-shadow:0 19px 60px rgba(23,48,74,.28); font-family:inherit;overflow:auto; } .move-send-chooser::backdrop,.move-image-report-dialog::backdrop{background:rgba(28,45,62,.56)} .move-send-chooser *,.move-image-report-dialog *{box-sizing:border-box} .move-send-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 8px} .move-send-intro small{font-size:10px;letter-spacing:1px;color:#7c94a8} .move-send-intro h2{margin:5px 0 0;font-size:21px;color:#1d4261} .move-send-close{border:0;border-radius:7px;background:#f1f6fa;color:#56758f;font-size:23px;width:32px;height:32px;cursor:pointer;box-shadow:none} .move-send-description{margin:0 20px 13px;font-size:12px;color:#6d8497} .move-send-options{display:flex;flex-direction:column;gap:8px;padding:0 18px 9px} .move-send-choice{ display:flex;align-items:center;gap:11px;min-height:76px;width:100%; text-align:left;padding:12px 14px;border:1px solid #dae6ef;border-radius:9px; background:#fff;color:#214766;cursor:pointer;box-shadow:none;font-family:inherit } .move-send-choice:hover{background:#f3f9fe;border-color:#b5d6ed} .move-send-choice:focus-visible{outline:3px solid #96c9ed;outline-offset:1px} .move-send-choice-num{display:flex;flex:0 0 34px;align-items:center;justify-content:center;height:34px;border-radius:9px;background:#eaf3fa;color:#285e88;font-size:12px;font-weight:790} .move-send-choice-body{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0} .move-send-choice-body strong{font-size:14px;font-weight:770;color:#294c68} .move-send-choice-body small{font-size:11px;line-height:1.4;color:#72899c} .move-send-choice-arrow{font-size:22px;color:#84a2b7} .move-send-warning{margin:6px 20px 18px;padding:10px 12px;background:#f7f9fc;border-radius:7px;font-size:11px;line-height:1.6;color:#6b8192} .move-image-report-dialog{ width:min(890px,calc(100vw - 16px));max-width:calc(100vw - 16px); max-height:92dvh;padding:0;background:#f1f5f9;border:1px solid #d9e4ee; border-radius:11px;overflow-y:auto;box-shadow:0 17px 55px rgba(25,41,64,.28); color:#2c4861;font-family:inherit; } .move-image-dialog-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #dbe5ee} .move-image-dialog-header strong{font-size:15px} .move-image-dialog-info{background:#f8fbfd;padding:9px 15px;margin:0;font-size:11px;color:#59768c;line-height:1.6} .move-image-pages{padding:13px;display:flex;flex-direction:column;gap:16px} .move-image-page{background:#fff;padding:10px;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:8px;border:1px solid #dbe6ee} .move-image-page img{display:block;width:min(100%,800px);height:auto;border:1px solid #e1e8ed} .move-image-download{display:inline-block;align-self:stretch;text-align:center;background:#256a9d;color:#fff;text-decoration:none;border-radius:7px;padding:11px 14px;font-weight:730;font-size:13px} .move-image-download:hover{background:#155481} @media(max-width:600px){ .move-send-head{padding:15px 14px 6px} .move-send-description{margin:0 14px 13px} .move-send-options{padding:0 10px 7px;gap:7px} .move-send-choice{min-height:74px;padding:11px 9px;gap:8px} .move-send-choice-body strong{font-size:13px}.move-send-choice-body small{font-size:10px} .move-send-warning{margin:6px 11px 13px} .move-image-pages{padding:7px} .move-image-page{padding:6px} } .move-send-choice:disabled{opacity:.55;cursor:not-allowed;background:#f7f9fc;border-color:#e4e9ef} .move-send-choice:disabled:hover{background:#f7f9fc;border-color:#e4e9ef} /* assignee.css */ .assignee-small{display:inline-flex;align-items:center;font-size:11px;font-weight:500;color:#627282;vertical-align:middle} .assignee-select{max-width:132px;min-height:24px;padding:1px 18px 1px 4px;border:1px solid #d8e0e8;border-radius:4px;background:#fff;color:#53677b;font:inherit;cursor:pointer} .assignee-small[data-state="saving"]::after{content:'저장 중…';margin-left:4px;color:#516f92} .assignee-detail{grid-column:1/-1;padding:7px 10px;border:1px solid #e2e9ef;border-radius:5px;color:#3c5268;font-size:12px} .assignee-detail[hidden]{display:none} .assignee-detail strong{margin-left:6px} .assignee-detail a{color:#245783} .assignee-under-number{display:block;margin-top:2px;color:#627282;font-size:12px;font-weight:500} .assignee-under-number[hidden]{display:none} /* calendar-ui.css */ #hanaCalendar{position:fixed;top:112px;z-index:25;box-sizing:border-box;padding:18px;background:#fff;border:1px solid #dce3ea;border-radius:9px;box-shadow:0 6px 22px #1c34451a;color:#253445;font-size:14px} body>#hanaCalendar .hana-calendar-heading{cursor:grab;touch-action:none;user-select:none} body>#hanaCalendar .hana-calendar-heading:active{cursor:grabbing} #hanaCalendar .hana-calendar-panel-close{background:#f4f7fa;color:#354a5e} #hanaCalendar[hidden],#hanaCalendarOpen[hidden]{display:none!important} .hana-calendar-heading,.hana-calendar-month{display:flex;align-items:center;justify-content:space-between;gap:8px} .hana-calendar-heading strong{font-size:19px}.hana-calendar-heading button{font-size:13px;border:1px solid #cdd9e3;border-radius:5px;background:#fff;padding:7px 10px;color:#244b70} .hana-calendar-month{margin:18px 0 12px}.hana-calendar-month strong{font-size:17px}.hana-calendar-month button{border:0;background:transparent;color:#244b70;font-size:24px;line-height:1;cursor:pointer} .hana-calendar-weekdays,.hana-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:3px} .hana-calendar-weekdays{font-size:13px;color:#637384;margin-bottom:5px}.hana-calendar-days>button{height:42px;border:0;border-radius:5px;background:#fff;color:#263647;cursor:pointer;font:inherit} .hana-calendar-days>button:hover{background:#edf4fa}.hana-calendar-days>button.selected{background:#244b70;color:white;font-weight:700}.hana-calendar-days>button.has-events:not(.selected)::after{content:'';display:block;width:4px;height:4px;margin:-2px auto 0;border-radius:50%;background:#c36d31} .hana-calendar-selected{font-size:15px;margin:17px 0 9px;padding-top:13px;border-top:1px solid #e8edf1}.hana-calendar-events>p,.hana-calendar-message{color:#647484;font-size:13px;line-height:1.5}.hana-calendar-message{margin:8px 0 0} .hana-calendar-event{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #eef1f4;line-height:1.4}.hana-calendar-event>span:first-child{flex:none;color:#2b5c86;font-weight:600} #hanaCalendarOpen{position:fixed;right:16px;bottom:18px;z-index:24;border:0;border-radius:22px;background:#244b70;color:#fff;padding:10px 18px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #1c344533} #hanaCalendarDialog{width:min(94vw,390px);max-height:85vh;padding:0;border:0;border-radius:10px;box-shadow:0 12px 36px #14263755;overflow:visible} #hanaCalendarDialog::backdrop{background:#12202d77}#hanaCalendarDialog #hanaCalendar{position:relative;top:auto;left:auto!important;width:100%!important;max-height:80vh;box-shadow:none;border:0}#hanaCalendarDialog .hana-calendar-close{position:absolute;right:12px;top:-38px;background:#fff;color:#253445;border:0;border-radius:5px;padding:6px 12px} #hanaCalendarSetupDialog{width:min(92vw,420px);padding:24px;border:1px solid #dce3ea;border-radius:9px;box-shadow:0 12px 36px #14263755;color:#253445} #hanaCalendarSetupDialog::backdrop{background:#12202d77}#hanaCalendarSetupDialog h2{margin:0 0 12px;font-size:19px}#hanaCalendarSetupDialog p{margin:0 0 20px;line-height:1.6;overflow-wrap:anywhere}#hanaCalendarSetupDialog button{min-width:72px;padding:9px 14px;border:1px solid #cdd9e3;border-radius:5px;background:#fff;color:#244b70;cursor:pointer} #hanaCalendar{top:76px;padding:16px 18px;max-height:calc(100vh - 88px);overflow-y:auto;border-radius:10px} .hana-calendar-heading-actions{display:flex;gap:7px;align-items:center}.hana-calendar-heading-actions button{cursor:pointer}.hana-calendar-heading-actions button:first-child{background:#244b70;color:#fff;border-color:#244b70} .hana-calendar-month{justify-content:flex-start;margin:17px 0 12px}.hana-calendar-month strong{flex:1;text-align:center;font-size:20px}.hana-calendar-month button{font-size:23px;min-width:32px;height:32px}.hana-calendar-month .hana-calendar-today{font-size:13px;min-width:52px;padding:4px 8px;border:1px solid #d6e0e8;border-radius:16px} .hana-calendar-weekdays,.hana-calendar-days{gap:0}.hana-calendar-weekdays{margin-bottom:0;background:#f7f9fb;border:1px solid #e4eaf0;border-bottom:0;font-size:12px}.hana-calendar-weekdays span{padding:8px 0} .hana-calendar-days{border-top:1px solid #e4eaf0;border-left:1px solid #e4eaf0}.hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{display:block;height:69px;min-width:0;box-sizing:border-box;padding:5px 5px 3px;border:0;border-right:1px solid #e4eaf0;border-bottom:1px solid #e4eaf0;border-radius:0;text-align:left;overflow:hidden;background:#fff;color:#273a4c;font-size:12px;font-weight:500} .hana-calendar-days>button:hover{background:#f5f9fc}.hana-calendar-days>button.selected{background:#edf4fb;color:#1c4567;font-weight:700}.hana-calendar-days>button.has-events:not(.selected)::after{display:none}.hana-calendar-date{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%}.hana-calendar-days>button.today .hana-calendar-date{background:#244b70;color:#fff} .hana-calendar-chip{display:block;max-width:100%;margin-top:2px;padding:2px 4px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:10px;line-height:1.25;font-weight:600}.hana-calendar-chip.tone-0{background:#2d6791}.hana-calendar-chip.tone-1{background:#c9812b}.hana-calendar-chip.tone-2{background:#3c8a62}.hana-calendar-chip.tone-3{background:#a24772}.hana-calendar-more{display:block;color:#62788b;font-size:10px} .hana-calendar-selected{margin:11px 0 5px;padding-top:10px}.hana-calendar-event{align-items:center}.hana-calendar-event>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.hana-calendar-event button{margin-left:auto;padding:4px 9px;border:1px solid #d4e0e9;border-radius:5px;background:#fff;color:#2c5d83;cursor:pointer} #hanaCalendarDialog{width:min(96vw,760px);max-height:90vh;overflow:auto}#hanaCalendarDialog #hanaCalendar{max-height:none;overflow:visible} #hanaCalendarEventDialog{width:min(92vw,420px);padding:22px;border:1px solid #d8e2eb;border-radius:10px;color:#263d50;box-shadow:0 16px 40px #14263755}#hanaCalendarEventDialog::backdrop{background:#12202d88}#hanaCalendarEventDialog h2{margin:0 0 18px;font-size:19px}#hanaCalendarEventDialog form>label{display:flex;flex-direction:column;gap:5px;margin:9px 0;font-size:12px;font-weight:650}#hanaCalendarEventDialog input{min-height:34px;box-sizing:border-box;padding:6px 8px;border:1px solid #cddbe6;border-radius:5px;font:inherit}#hanaCalendarEventDialog .hana-calendar-all-day{flex-direction:row;align-items:center}#hanaCalendarEventDialog .hana-calendar-all-day input{min-height:auto}#hanaCalendarEventDialog [role=status]{min-height:18px;color:#a44e3b;font-size:12px}.hana-calendar-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hana-calendar-editor-actions button{padding:8px 14px;border:1px solid #cddbe6;border-radius:5px;background:#fff;color:#264a69;cursor:pointer}.hana-calendar-editor-actions button[type=submit]{background:#244b70;color:#fff}.hana-calendar-editor-actions .hana-calendar-delete{margin-right:auto;color:#ad493e} @media(max-width:650px){#hanaCalendarDialog #hanaCalendar{padding:10px}.hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:58px;padding:3px}.hana-calendar-date{width:19px;height:19px}.hana-calendar-chip{font-size:9px;padding:1px 2px}.hana-calendar-month strong{font-size:16px}} @media(min-width:651px){.hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:82px}} #hanaCalendarDayDialog{position:fixed;inset:auto;width:min(360px,calc(100vw - 24px));max-height:min(540px,calc(100vh - 24px));box-sizing:border-box;margin:0;padding:16px;border:1px solid #d8e2eb;border-radius:12px;background:#fff;color:#263d50;box-shadow:0 16px 40px #14263755;overflow:auto} #hanaCalendarDayDialog::backdrop{background:#12202d44}#hanaCalendarDayDialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:auto;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #e8edf2;background:#fff;color:#263d50}#hanaCalendarDayDialog .hana-calendar-day-heading{font-size:19px}#hanaCalendarDayDialog button{cursor:pointer;font:inherit}#hanaCalendarDayDialog .hana-calendar-day-close{border:0;background:transparent;color:#526b80;padding:6px} .hana-calendar-day-list>p{margin:18px 0;color:#647484}.hana-calendar-day-event{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:start;padding:12px 0;border-top:1px solid #e8edf2}.hana-calendar-day-event>span:first-child{color:#2b5c86;font-size:12px;font-weight:650}.hana-calendar-day-event>span:nth-child(2){overflow-wrap:anywhere}.hana-calendar-day-actions{grid-column:2;display:flex;gap:8px}.hana-calendar-day-actions button{min-height:34px;padding:5px 12px;border:1px solid #d5e0e8;border-radius:6px;background:#fff;color:#244b70}.hana-calendar-day-actions button:last-child{color:#a7433a}.hana-calendar-day-notice{min-height:18px;margin:8px 0;color:#a44e3b;font-size:12px}.hana-calendar-day-add{width:100%;min-height:42px;border:0;border-radius:7px;background:#244b70;color:#fff;font-weight:700} @media(max-width:650px){#hanaCalendarDayDialog{top:auto!important;right:0;bottom:0;left:0!important;width:100%;max-height:min(80dvh,720px);border-radius:18px 18px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.hana-calendar-day-event{padding:14px 0}.hana-calendar-day-actions button{min-height:42px;min-width:64px}.hana-calendar-day-add{min-height:48px}} /* Compact Google Calendar style; editors stay nonmodal so other work remains usable. */ #hanaCalendar{font-family:Roboto,"Noto Sans KR",Arial,sans-serif;padding:12px 14px;background:#fff} .hana-calendar-heading strong{font-size:17px} .hana-calendar-month{margin:10px 0 7px} .hana-calendar-month strong{font-size:17px} .hana-calendar-weekdays span{padding:5px 0} .hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:58px;padding:3px 4px;font-size:11px} .hana-calendar-date{width:21px;height:21px} .hana-calendar-days>button.today .hana-calendar-date{background:#1a73e8} .hana-calendar-chip{margin-top:1px;padding:1px 3px;font-size:9px} .hana-calendar-selected{margin:8px 0 4px;padding-top:7px;font-size:14px} .hana-calendar-event{padding:5px 0;font-size:12px} #hanaCalendarDialog{position:fixed;top:76px;right:12px;left:auto;bottom:auto;width:min(94vw,650px);max-height:calc(100dvh - 90px);margin:0;z-index:40} #hanaCalendarEventDialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 100px);margin:0;padding:16px;overflow:auto;z-index:45;background:#fff;transform:translate(-50%,-50%)} #hanaCalendarEventDialog form>label{font-size:12px;margin:6px 0} #hanaCalendarEventDialog input,#hanaCalendarEventDialog select,#hanaCalendarEventDialog textarea{box-sizing:border-box;width:100%;min-height:33px;padding:6px 8px;border:1px solid #cddbe6;border-radius:5px;background:#fff;color:#253445;font:inherit} #hanaCalendarEventDialog .hana-calendar-all-day input{width:auto} #hanaCalendarDayDialog{z-index:43;background:#fff} @media(max-width:650px){ .hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:47px;padding:2px} .hana-calendar-chip{font-size:8px} #hanaCalendarEventDialog{top:auto;right:0;bottom:0;left:0;width:100%;max-height:75dvh;border-radius:14px 14px 0 0} } /* Simplified calendar memo editor */ #hanaCalendarEventDialog{border:1px solid #31516f;background:#102844;color:#edf4fb;box-shadow:0 18px 44px #07172780} #hanaCalendarEventDialog::backdrop{background:#071727a8} #hanaCalendarEventDialog h2{color:#fff} #hanaCalendarEventDialog form>label{color:#e0ebf6} #hanaCalendarEventDialog form>.hana-calendar-memo-field textarea{min-height:120px;resize:vertical;background:#fff8ed;border-color:#e4aa70;color:#26384b} #hanaCalendarEventDialog form>.hana-calendar-date-field input{background:#eaf3fc;border-color:#8db4d8;color:#193b60} #hanaCalendarEventDialog form>.hana-calendar-time-field input{background:#eaf3fc;border-color:#8db4d8;color:#193b60} #hanaCalendarEventDialog form>.hana-calendar-color-field select{background:#eaf5ed;border-color:#9bc8a6;color:#24533a} #hanaCalendarEventDialog input:focus,#hanaCalendarEventDialog select:focus,#hanaCalendarEventDialog textarea:focus{outline:2px solid #f0a35f;outline-offset:1px} #hanaCalendarEventDialog [role=status]{color:#ffd1a8} #hanaCalendarEventDialog .hana-calendar-editor-actions button{border-color:#66809a;background:#193b5c;color:#edf4fb} #hanaCalendarEventDialog .hana-calendar-editor-actions button[type=submit]{border-color:#d76b1b;background:#d76b1b;color:#fff;font-weight:750} #hanaCalendarEventDialog .hana-calendar-editor-actions button[type=submit]:hover{background:#ef812e} #hanaCalendarEventDialog .hana-calendar-editor-actions .hana-calendar-delete{color:#ffb4a9} /* Let busy calendar weeks grow downward and keep every event title readable. */ .hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:auto;min-height:96px;align-self:stretch;overflow:visible} .hana-calendar-days>button{vertical-align:top} /* Keep today's date visible in the month grid, independently of selection. */ .hana-calendar-days>button.today{outline:2px solid #ef8a24;outline-offset:-2px;background:#fff8ee} .hana-calendar-days>button.today .hana-calendar-date{background:#e87516;color:#fff} .hana-calendar-chip{min-height:17px;box-sizing:border-box;padding:2px 4px;font-size:11px;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:left} @media(max-width:650px){.hana-calendar-days>button,.hana-calendar-days>.hana-calendar-blank{height:auto;min-height:82px}.hana-calendar-chip{font-size:10px;padding:2px 3px}} #calendarView{min-height:calc(100dvh - 110px);padding:24px;overflow:auto;background:#f6f8fa} .calendar-workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-workspace-heading h1{margin:0;font-size:24px;color:#213547}.calendar-workspace-heading button{padding:8px 14px;border:1px solid #cdd9e3;border-radius:6px;background:#fff;color:#244b70;font-weight:700;cursor:pointer} #calendarView #hanaCalendar{position:relative;top:auto;left:auto!important;width:100%!important;max-height:none;overflow:visible;box-shadow:0 4px 18px #1c344519} #calendarView .hana-calendar-days>button,#calendarView .hana-calendar-days>.hana-calendar-blank{min-height:128px} @media(max-width:760px){#calendarView{padding:12px;min-height:calc(100dvh - 76px)}#calendarView .hana-calendar-days>button,#calendarView .hana-calendar-days>.hana-calendar-blank{min-height:82px}.calendar-workspace-heading h1{font-size:20px}} /* One page scrollbar; keep month navigation in sight as the page moves. */ #calendarView{overflow:visible} #calendarView #hanaCalendar{overflow:visible;z-index:auto} #calendarView .hana-calendar-heading{position:sticky;top:var(--header-height,64px);z-index:2;padding:2px 0 8px;background:#fff} #calendarView .hana-calendar-month{position:sticky;top:calc(var(--header-height,64px) + 43px);z-index:2;margin-top:0;padding:8px 0 6px;background:#fff} #calendarView .hana-calendar-weekdays{position:sticky;top:calc(var(--header-height,64px) + 90px);z-index:2;background:#f7f9fb} /* list-registry.css */ #listRegistryPanel{min-width:0;padding:20px;border:1px solid #dce5ec;border-radius:9px;background:#fff;color:#263d53;box-shadow:0 3px 12px #19354c0b} .list-registry-heading h2{margin:0;color:#233f59;font-size:19px}.list-registry-heading p{margin:5px 0 0;color:#65788a;font-size:12px} .list-registry-search{margin-top:19px}.list-registry-search label{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.list-registry-search>div{display:flex;gap:8px}.list-registry-search input{flex:1;min-width:0;height:38px;padding:7px 10px;border:1px solid #cedbe7;border-radius:5px;font:14px inherit}.list-registry-search button{flex:none;min-width:62px;padding:7px 12px;border:1px solid #2e628e;border-radius:5px;background:#2e628e;color:#fff;font-size:13px;font-weight:700} #listRegistryStatus{margin:14px 0;color:#52687c;font-size:12px;line-height:1.55} .list-registry-choices{display:grid;gap:6px;margin:10px 0}.list-registry-choices button{width:100%;padding:9px 11px;border:1px solid #d8e3ec;border-radius:5px;background:#f8fafc;color:#294b68;text-align:left;font-size:12px} .list-registry-postcode{height:430px;margin-top:10px;border:1px solid #dce5ec;border-radius:5px;overflow:hidden} .list-registry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:14px 0 0;border-top:1px solid #e3eaf0} .list-registry-fields>div{min-width:0;padding:10px 8px;border-bottom:1px solid #e8eef3}.list-registry-fields dt{color:#627789;font-size:12px}.list-registry-fields dd{margin:5px 0 0;color:#263d53;font-size:14px;font-weight:650;overflow-wrap:anywhere} body.clean-registration.has-sidebar.simple-entry main>#listView{width:min(888px,calc(100% - 8px))!important;min-width:0!important;max-width:888px!important;flex-basis:auto!important;margin-left:8px!important;margin-right:0!important} #listView #savedListingsList .property-primary{display:grid;grid-template-columns:18px 68px 54px minmax(0,1fr) 104px 128px;column-gap:6px;row-gap:4px;align-items:center;white-space:normal} #listView #savedListingsList .property-primary>input[type=checkbox]{grid-column:1;grid-row:1} #listView #savedListingsList .listing-number{grid-column:2;grid-row:1;font-size:12px!important} #listView #savedListingsList .listing-received-date{grid-column:3;grid-row:1;font-size:12px} #listView #savedListingsList .hana-review{grid-column:4;grid-row:1;min-width:0;font-size:12px} #listView #savedListingsList .listing-badge:not(.trade){grid-column:5;grid-row:1;font-size:12px} #listView #savedListingsList .listing-badge.trade{grid-column:6;grid-row:1;font-size:12px} #listView #savedListingsList .property-address{grid-column:2/5;grid-row:2;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;font-size:15px;line-height:1.35} #listView #savedListingsList .property-unit{grid-column:5;grid-row:2;width:auto;max-width:none;text-align:left;font-size:15px} #listView #savedListingsList .property-price{grid-column:6;grid-row:2;width:auto;margin-left:0;text-align:right;font-size:16px} #listView #savedListingsList .listing-secondary{font-size:13px;line-height:1.5;color:#526779;white-space:normal;overflow:visible;text-overflow:clip} #listView #savedListingsList .assignee-small{font-size:12px} #listView #savedListingsList .hana-review-chip,#listView #savedListingsList .hana-review-more{font-size:11px} #listView #savedListingsList .compact-property{padding-top:9px;padding-bottom:9px} #listRegistryPanel{width:100%;box-sizing:border-box;margin:12px 0 18px} #listRegistryPanel[hidden]{display:none!important} #listRegistryPanel.registry-docked{position:fixed;z-index:24;top:82px;margin:0;max-height:calc(100vh - 100px);overflow-y:auto} @media(max-width:900px){#listView #savedListingsList .property-primary{grid-template-columns:18px 62px 50px minmax(0,1fr) 78px 105px}#listView #savedListingsList .property-address,#listView #savedListingsList .property-unit{font-size:14px}} @media(max-width:700px){#listView #savedListingsList .property-primary{grid-template-columns:18px 64px minmax(0,1fr) 76px;row-gap:5px}#listView #savedListingsList .listing-received-date{grid-column:3}#listView #savedListingsList .hana-review{grid-column:2/5;grid-row:2}#listView #savedListingsList .listing-badge:not(.trade){grid-column:2/4;grid-row:3}#listView #savedListingsList .listing-badge.trade{grid-column:4;grid-row:3}#listView #savedListingsList .property-address{grid-column:2/4;grid-row:4}#listView #savedListingsList .property-unit{grid-column:4;grid-row:4}#listView #savedListingsList .property-price{grid-column:2/5;grid-row:5;text-align:left}} /* property-tools.css */ @media(min-width:1200px){ body.clean-registration.has-sidebar #registerView.content-fixed:not([hidden]):has(#propertyTools){display:grid!important;grid-template-columns:minmax(0,1fr) clamp(380px,29.37%,420px);column-gap:18px;width:min(1430px,100%)!important;max-width:1430px!important;align-items:start} #registerView:has(#propertyTools)>:not(#propertyTools){grid-column:1;min-width:0} #registerView:has(#propertyTools)>#propertyTools{grid-column:2;grid-row:1/span 8;position:sticky;inset:auto;top:64px;align-self:start;justify-self:stretch;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important} } .property-tools{box-sizing:border-box;width:100%;max-width:580px;min-width:0;border:1px solid #dde5ee;border-radius:10px;background:#fff;padding:12px;color:#27394e} .property-tools-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.property-tools-heading strong{font-size:14px}.property-tools-heading button{font-size:11px} .property-tools-tabs{display:flex;flex-wrap:wrap;gap:3px;margin-top:10px;overflow-x:auto;scrollbar-width:thin}#propertyTools .property-tools-tabs button{flex:none;white-space:nowrap;font-size:12px!important;min-height:32px!important;padding:5px 5px!important;border:1px solid #dce4ed;border-radius:6px;background:#f8fafc;color:#3b5069;cursor:pointer}.property-tools-tabs button.active{background:#e8f2ff;border-color:#7fa8d8;font-weight:700} .property-tools-content{overflow-y:auto;scrollbar-gutter:stable;max-height:min(60vh,600px);padding-top:9px;font-size:12px;opacity:1;transition:max-height 200ms ease,opacity 180ms ease,padding-top 200ms ease}.property-tools:not(.has-open) .property-tools-content{max-height:0;padding-top:0;opacity:0;overflow:hidden;pointer-events:none} #propertyTools #listRegistryPanel{position:static;left:auto;width:100%;max-height:none;overflow:visible;box-shadow:none;border:0;border-radius:0;padding:0;margin:0 0 8px} #propertyTools .list-registry-heading{display:none}#propertyTools .list-registry-search{margin-top:0}#propertyTools .list-registry-search input{height:32px;font-size:12px}#propertyTools .list-registry-search button{padding:5px 8px;font-size:12px}#propertyTools #listRegistryStatus{margin:8px 0;font-size:11px}#propertyTools .list-registry-fields>div{padding:5px 4px}#propertyTools .list-registry-fields dd{font-size:12px;margin-top:2px} @media(prefers-reduced-motion:reduce){.property-tools-content{transition:none}} .property-tools-message{margin:4px 0 8px;color:#69798c}.property-tools-address{margin:0 0 8px;font-weight:600;overflow-wrap:anywhere}.property-tools-group{padding:5px 0;border-top:1px solid #eef1f5}.property-tools-group strong{font-size:12px}.property-tools-group ul{margin:4px 0;padding-left:18px}.property-tools-group li{margin:2px 0;line-height:1.35}.property-tools-rows{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 8px;margin:4px 0}.property-tools-rows dt{color:#66788d}.property-tools-rows dd{margin:0;overflow-wrap:anywhere}.property-tools-actions{display:flex;gap:8px;margin:10px 0 3px}.property-tools-actions button,.property-tools-actions a{font:inherit;color:#25609b;background:#fff;border:1px solid #cbd9e8;border-radius:6px;padding:5px 7px;text-decoration:none;cursor:pointer}.property-tools-source{display:block;color:#8593a4;font-size:10px;margin-top:8px} @media(max-width:1199px){#registerView #propertyTools{position:static;inset:auto;grid-column:auto;grid-row:auto;width:100%!important;min-width:0!important;margin:12px 0 24px;max-width:none!important}} .property-tools-note{font-size:11px;color:#68798c;line-height:1.45}.property-tools-link{display:inline-block;color:#25609b;margin:4px 0 7px}.property-tools-filters{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.property-tools-filters button{font:inherit;font-size:11px;padding:4px 6px;background:#fff;border:1px solid #dce4ed;border-radius:5px;cursor:pointer}.property-tools-filters button.active{background:#e8f2ff;border-color:#7fa8d8;font-weight:700}.property-tools-transactions{list-style:none;padding:0!important}.property-tools-transactions li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;padding:4px 0;border-bottom:1px solid #eef1f5}.property-tools-transactions li span{flex-basis:100%}.property-tools-transactions li small{color:#66788d} /* ===== 부동산 종합정보 카드 확대 ===== */ #registerView #propertyTools #hanaAutoOverview { box-sizing: border-box; width: 100% !important; max-width: none !important; padding: 16px !important; border-radius: 14px !important; margin: 10px 0 14px !important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-title { font-size: 18px !important; font-weight: 800 !important; margin-bottom: 4px !important; } #registerView #propertyTools #hanaAutoOverview > small { font-size: 12px !important; margin-bottom: 10px !important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-address { font-size: 17px !important; font-weight: 800 !important; line-height: 1.45 !important; margin-bottom: 12px !important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-map { width: 100% !important; height: 220px !important; min-height: 220px !important; margin-bottom: 14px !important; border-radius: 10px !important; overflow: hidden !important; } /* 항목 가독성 강화 */ #registerView #propertyTools #hanaAutoOverview .hana-auto-details { grid-template-columns: minmax(0, 110px) minmax(0, 1fr) !important; gap: 10px 14px !important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-details dt { font-size: 13px !important; font-weight: 700 !important; color: #6a7f96 !important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; font-size: 17px !important; font-weight: 800 !important; color: #1f3958 !important; line-height: 1.4 !important; } /* 하단 버튼 영역 */ #registerView #propertyTools .property-tools-actions, #registerView #propertyTools .hana-auto-actions { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 14px !important; } #registerView #propertyTools .property-tools-actions button, #registerView #propertyTools .property-tools-actions a { min-height: 38px !important; padding: 8px 12px !important; font-size: 13px !important; border-radius: 8px !important; } /* property-auto-overview.css */ /* Read-only right panel. Do not style listing form or Kakao's internal tile DOM. */ #registerView #propertyTools{box-sizing:border-box;min-width:0;overflow:visible} #registerView #propertyTools #hanaAutoOverview{ display:block!important;box-sizing:border-box;position:relative;width:100%;max-width:100%;min-width:0; height:auto;margin:8px 0 10px;padding:12px;border:1px solid #dfe7f1;border-radius:12px; background:#fff;overflow:hidden;float:none;clear:both;line-height:1.45; writing-mode:horizontal-tb;word-break:keep-all; } #registerView #propertyTools #hanaAutoOverview[hidden]{display:none!important} #registerView #propertyTools #hanaAutoOverview .hana-auto-title{ display:block;width:100%;margin:0;font-size:14px;font-weight:800;line-height:1.45; color:#173752;white-space:normal;word-break:keep-all; } #registerView #propertyTools #hanaAutoOverview > small{ display:block;margin:3px 0 9px;color:#7a899d;font-size:11px;line-height:1.4; font-weight:500;white-space:normal;word-break:keep-all; } #registerView #propertyTools #hanaAutoOverview .hana-auto-address{ display:block;width:100%;min-width:0;margin:0 0 9px;font-size:12px; font-weight:700;line-height:1.55;color:#2b4765; white-space:normal;word-break:keep-all;overflow-wrap:break-word; } #registerView #propertyTools #hanaAutoOverview .hana-auto-map{ display:block!important;position:relative!important;box-sizing:border-box; width:100%!important;height:135px!important;min-height:135px!important; margin:0 0 11px!important;padding:0!important;border-radius:8px!important; overflow:hidden!important;background:#eaf1f8;color:#708196;font-size:11px; text-align:center; } /* No descendant selector on .hana-auto-map: Kakao owns its tiles, images and markers. */ #registerView #propertyTools #hanaAutoOverview .hana-auto-details{ display:grid!important;box-sizing:border-box;width:100%;min-width:0;margin:0!important;padding:0!important; grid-template-columns:minmax(0,82px) minmax(0,1fr)!important; gap:7px 8px!important;align-items:start;font-size:12px; line-height:1.5;writing-mode:horizontal-tb; } #registerView #propertyTools #hanaAutoOverview .hana-auto-details dt, #registerView #propertyTools #hanaAutoOverview .hana-auto-details dd{ display:block!important;box-sizing:border-box;width:auto!important;min-width:0!important; min-height:0!important;height:auto!important;margin:0!important;padding:0!important; float:none!important;position:static!important;transform:none!important; letter-spacing:normal!important;text-indent:0!important;white-space:normal!important; word-break:keep-all!important;overflow-wrap:anywhere!important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-details dt{ font-size:11px!important;font-weight:600!important;color:#75869a!important; } #registerView #propertyTools #hanaAutoOverview .hana-auto-details dd{ font-size:12px!important;font-weight:700!important;color:#253e5c!important; } /* sidebar-dashboard.css */ body.has-sidebar #officeSidebar #sidebarGroups>.sidebar-main{margin-top:18px} body #officeSidebar .sidebar-main button.sidebar-ad-register{min-height:42px;margin-bottom:5px;border:1px solid #ff0000;border-radius:7px;background:#ff0000;color:#fff;font-size:14px;font-weight:800;box-shadow:inset 3px 0 #c90000,0 4px 10px #112e4733} body #officeSidebar .sidebar-main button.sidebar-ad-register:hover,body #officeSidebar .sidebar-main button.sidebar-ad-register.active{border-color:#e00000;background:#e00000;color:#fff;box-shadow:inset 3px 0 #b00000,0 5px 12px #112e4740} body #officeSidebar .sidebar-main button.sidebar-ad-register svg{stroke-width:2} #headerTools{display:flex;align-items:center;gap:9px;margin-left:clamp(12px,3vw,48px);height:100%;min-width:0;position:relative;z-index:30} .header-tool{position:relative}.header-tool summary{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #d8e4ed;border-radius:18px;background:#f7fafc;color:#2b5370;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none}.header-tool summary::-webkit-details-marker{display:none}.header-tool summary:hover,.header-tool[open] summary{background:#e8f1f7;border-color:#b9d0e1}.header-tool summary:focus-visible{outline:2px solid #2f6591;outline-offset:2px}.header-tool summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .header-tool-menu{position:absolute;top:calc(100% + 9px);left:0;min-width:192px;max-height:min(70vh,480px);overflow-y:auto;padding:7px;border:1px solid #d8e3eb;border-radius:9px;background:#fff;box-shadow:0 12px 28px #17334b33}.header-tool-menu nav{display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.header-tool-menu a,.header-tool-menu button{display:block;width:100%;box-sizing:border-box;min-height:33px;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#274c68;font-size:12px;font-weight:600;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.header-tool-menu a:hover,.header-tool-menu button:hover,.header-tool-menu a.active,.header-tool-menu button.active{background:#e8f1f7;color:#153e5d} #sidebarToday{margin:20px 2px 0;padding:12px 11px;border:1px solid #52728b;border-radius:9px;background:#1b405e;color:#eff6fa;box-shadow:0 6px 16px #10283c33;min-width:0}.sidebar-today-date{padding-bottom:9px;border-bottom:1px solid #51728b;color:#f4df9c;font-size:14px;font-weight:800}.sidebar-today-section{padding-top:10px}.sidebar-today-section>strong{display:block;margin-bottom:5px;color:#b9d8e7;font-size:11px;letter-spacing:.2px}.sidebar-today-section [role=status]{font-size:11px;line-height:1.45}.sidebar-today-event{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px;margin:4px 0}.sidebar-today-event span:first-child{color:#f4df9c;font-size:10px}.sidebar-today-event span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-today-section small{color:#b9d8e7}.sidebar-weather-row{display:grid;grid-template-columns:29px minmax(0,1fr);gap:5px;margin:4px 0}.sidebar-weather-row span:first-child{color:#f4df9c;font-weight:700}.sidebar-weather-row span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-weather-credit{display:block;margin-top:10px;color:#bdd2e1;font-size:9px;text-decoration:underline;text-underline-offset:2px} #officeSidebar .sidebar-weather-credit{display:block;width:auto;min-height:0;padding:0;margin-top:10px;border:0;color:#bdd2e1;font-size:9px;font-weight:400;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px} body.has-sidebar #officeSidebar #sidebarToday{margin-top:4px} body.sidebar-collapsed #sidebarToday{display:none} @media(max-width:1100px){#headerTools{margin-left:8px;gap:5px}.header-tool summary{padding:0 8px}.brand-header .brand-product{display:none}} @media(max-width:760px){body.has-sidebar .brand-header #headerTools{order:0;flex:0 0 auto;width:auto;height:auto;margin-left:auto;gap:4px}.brand-header #headerTools .header-tool-menu nav{order:initial;width:auto;height:auto;margin:0;gap:2px;justify-content:flex-start}.header-tool summary{width:32px;min-height:32px;box-sizing:border-box;justify-content:center;padding:0;font-size:0}.header-tool summary svg{flex:none}.header-tool-menu{left:auto;right:-40px;min-width:190px}.header-tool:last-child .header-tool-menu{right:-4px}body.has-sidebar .brand-header .utility-nav{display:flex;align-items:center;flex:0 0 auto;gap:4px;width:auto;height:auto;margin-left:0}body.has-sidebar .brand-header .utility-nav .account-identity,body.has-sidebar .brand-header .utility-nav .public-home-link{display:none!important}body.has-sidebar .brand-header .utility-nav button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:0}body.has-sidebar .brand-header .utility-nav button[data-view="settings"]{font-size:17px}body.has-sidebar .brand-header .utility-nav button[data-view="settings"] span{display:none}body.has-sidebar .brand-header .utility-nav button:last-child::before{content:'⇥';font-size:20px}.sidebar-collapsed #sidebarToday{display:block}} @media(max-width:760px){body.has-sidebar #officeSidebar{padding-bottom:12px}body.has-sidebar #officeSidebar #sidebarGroups>.sidebar-main{margin-top:10px}body.has-sidebar #officeSidebar #sidebarToday{padding:10px 9px}body.has-sidebar #officeSidebar .sidebar-admin-footer{margin-top:6px}} .brand-header #headerTools{display:flex;flex:1 1 auto;align-items:center;gap:0;min-width:0;height:100%;margin-left:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap} .brand-header #headerTools nav{display:flex;flex:0 0 auto;align-items:center;flex-wrap:nowrap;width:auto;height:auto;margin:0;padding:0;gap:1px} .brand-header #headerTools a{display:inline-flex;flex:0 0 auto;align-items:center;min-height:32px;padding:0 5px;border-radius:5px;color:#2b5370;background:transparent;text-decoration:none;font-size:11px;font-weight:650;white-space:nowrap} .brand-header #headerTools a:hover,.brand-header #headerTools a.active{background:#e8f1f7;color:#153e5d} .brand-header #headerTools a:focus-visible{outline:2px solid #2f6591;outline-offset:-2px} .brand-header #headerTools .header-tool-divider{display:block;flex:0 0 1px;width:1px;height:21px;margin:0 9px;background:#b8c9d8} @media(max-width:760px){body.has-sidebar .brand-header #headerTools{order:0;flex:1 1 auto;width:auto;height:100%;margin-left:0}body.has-sidebar .brand-header #headerTools nav{width:auto;height:auto;gap:1px}} /* The workspace keeps its existing controls, with a clearer orange navigation. */ .has-sidebar .brand-header{background:#fff;border-top-color:#d46e1b} .brand-header .brand{gap:0} .brand-header .brand-product,.brand-header .brand-divider{display:none} .brand-header .brand>a{display:inline-flex;align-items:center;min-height:48px} .brand-header #headerTools{margin-left:14px;gap:0} .brand-header #headerTools a{min-height:46px;padding:0 9px;font-size:16px;font-weight:600;color:#303a46;border-radius:6px} .brand-header #headerTools a:hover,.brand-header #headerTools a.active{background:#fff0e3;color:#a94e09} .brand-header #headerTools a.active{box-shadow:inset 0 -3px #d46e1b} .brand-header #headerTools .header-tool-divider{margin:0 9px;background:#e1e4e8} .brand-header #headerTools #workNavigation a[data-work-site="rfine"], .brand-header #headerTools #workNavigation a[data-work-site="rfine"]:hover, .brand-header #headerTools #workNavigation a[data-work-site="rfine"].active{color:#2563b9} .brand-header #headerTools #workNavigation a[data-work-site="bank"], .brand-header #headerTools #workNavigation a[data-work-site="bank"]:hover, .brand-header #headerTools #workNavigation a[data-work-site="bank"].active{color:#c43d3d} .brand-header #headerTools #workNavigation a[data-work-site="daangn"], .brand-header #headerTools #workNavigation a[data-work-site="daangn"]:hover, .brand-header #headerTools #workNavigation a[data-work-site="daangn"].active{color:#c96512} .brand-header #headerTools #referenceNavigation a[data-work-site="ggi"]{order:1;margin-left:10px} body #officeSidebar .sidebar-main button.sidebar-ad-register, body #officeSidebar .sidebar-main button.sidebar-ad-register:hover, body #officeSidebar .sidebar-main button.sidebar-ad-register.active{border:1px solid #e8ba92;background:#fff1e5;color:#a94e09;box-shadow:inset 3px 0 #d46e1b;font-weight:750} body #officeSidebar .sidebar-main button.sidebar-ad-register svg{color:#c86212} #officeSidebar #sidebarToday{background:#fff;border-color:#e3e6e9;color:#29313a;box-shadow:0 3px 12px #26384d10} #officeSidebar #sidebarToday .sidebar-today-date{color:#b45a0e;border-bottom-color:#e5e8ea} #officeSidebar #sidebarToday .sidebar-today-section>strong{color:#b45a0e;font-size:12px} #officeSidebar #sidebarToday .sidebar-today-section [role=status], #officeSidebar #sidebarToday .sidebar-weather-credit, #officeSidebar #sidebarToday .sidebar-today-event span, #officeSidebar #sidebarToday .sidebar-weather-row span{color:#303943;font-size:11px} #officeSidebar .sidebar-archive-footer{margin-top:auto;padding-top:12px;border-top:1px solid #dce3e8} #officeSidebar .sidebar-archive-footer button{min-height:38px;width:100%;display:flex;align-items:center;gap:12px;padding:7px 11px;border:1px solid transparent;border-radius:5px;background:transparent;color:#546477;font-size:13px;font-weight:650;cursor:pointer} #officeSidebar .sidebar-archive-footer button:hover,#officeSidebar .sidebar-archive-footer button.active{border-color:#ecc5a2;background:#fff1e5;color:#a94e09} @media(max-width:1200px){.brand-header #headerTools a{font-size:15px;padding:0 9px}} @media(max-width:760px){.brand-header #headerTools a{font-size:14px;min-height:40px;padding:0 8px}.brand-header .brand>a{min-height:40px}} .archive-permanent-delete{background:#fff;color:#bb2e2e;border:1px solid #d88e8e;border-radius:6px;padding:7px 12px;font-size:13px;font-weight:650;cursor:pointer} .archive-permanent-delete:hover{background:#fff5f5;border-color:#bb2e2e} body #officeSidebar{background:#fff;border-right-color:#e2e5e8;box-shadow:2px 0 9px #26384d08} body #officeSidebar .sidebar-caption,body #officeSidebar .nav-caption,body #officeSidebar #sidebarToggle{color:#6b7784} body #officeSidebar .sidebar-group{border-top-color:#e7e9ec} body #officeSidebar button[data-view],body #officeSidebar button[data-work-site],body #officeSidebar a,body #officeSidebar .sidebar-main button{color:#344454} body #officeSidebar button[data-view]:hover,body #officeSidebar button[data-work-site]:hover,body #officeSidebar a:hover{background:#fff3e8;border-color:#f0d7bf;color:#a94e09} body #officeSidebar button[data-view].active,body #officeSidebar button[data-work-site].active,body #officeSidebar a[data-work-site].active{background:#fff0e3;border-color:#edc5a4;color:#a94e09;box-shadow:inset 3px 0 #d46e1b} body #officeSidebar .sidebar-main button.sidebar-ad-register,body #officeSidebar .sidebar-main button.sidebar-ad-register:hover,body #officeSidebar .sidebar-main button.sidebar-ad-register.active{border:1px solid #e8ba92;background:#fff1e5;color:#a94e09;box-shadow:inset 3px 0 #d46e1b} /* Registration submenu: warm orange surfaces, with a high-contrast active state. */ body #officeSidebar .sidebar-main button.sidebar-ad-register, body #officeSidebar .sidebar-main button[data-registration-mode="quick"]{border:1px solid #efc6a4;background:#fff5ec;color:#5a3b27;box-shadow:inset 3px 0 #e36b16;font-weight:700} body #officeSidebar .sidebar-main button.sidebar-ad-register svg, body #officeSidebar .sidebar-main button[data-registration-mode="quick"] svg{color:#c84f00} /* Keep the shared owner and facility fields compact in both registration modes. */ body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields{margin-top:0} body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields>.fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 18px} body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields>.fields>label{min-width:0} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#registration-building>.building-paired-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 18px!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-building .building-field-pair{display:flex!important;min-width:0;gap:8px} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-building .building-field-pair>label{flex:1 1 0!important;width:auto!important;min-width:0!important} body.has-sidebar.simple-entry #registerView #registration-facilities .additional-fields>.fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 16px} body.has-sidebar.simple-entry #registerView #registration-facilities .additional-fields>.fields>label{min-width:0} body #officeSidebar .sidebar-main button.sidebar-ad-register.active, body #officeSidebar .sidebar-main button[data-registration-mode="quick"].active{border-color:#b84400;background:#c84f00;color:#fff;box-shadow:inset 4px 0 #913500,0 2px 6px #8b3c182b} body #officeSidebar .sidebar-main button.sidebar-ad-register.active svg, body #officeSidebar .sidebar-main button[data-registration-mode="quick"].active svg{color:#fff} body #officeSidebar .sidebar-main button.sidebar-ad-register:hover:not(.active), body #officeSidebar .sidebar-main button[data-registration-mode="quick"]:hover:not(.active){border-color:#df8a4d;background:#ffead8;color:#713b18} /* Registration app sidebar matches the map page's unified deep-navy rail. */ body #officeSidebar{background:#102844;border-right-color:#294460;box-shadow:2px 0 9px #10284424;scrollbar-color:#58718b #102844} body #officeSidebar .sidebar-caption,body #officeSidebar .nav-caption,body #officeSidebar #sidebarToggle{color:#d2deea} body #officeSidebar .sidebar-group{border-top-color:#294460} body #officeSidebar button[data-view],body #officeSidebar button[data-work-site],body #officeSidebar a, body #officeSidebar .sidebar-main button,body #officeSidebar .sidebar-archive-footer button{border-color:transparent;background:#102844;color:#edf3f9} body #officeSidebar button[data-view]:hover,body #officeSidebar button[data-work-site]:hover,body #officeSidebar a:hover, body #officeSidebar .sidebar-main button:hover,body #officeSidebar .sidebar-archive-footer button:hover{border-color:#31516f;background:#193b60;color:#fff} body #officeSidebar button[data-view].active,body #officeSidebar button[data-work-site].active,body #officeSidebar a[data-work-site].active, body #officeSidebar .sidebar-main button.sidebar-ad-register.active,body #officeSidebar .sidebar-main button[data-registration-mode="quick"].active, body #officeSidebar .sidebar-archive-footer button.active{border-color:#31516f;background:#102844;color:#fff;box-shadow:inset 3px 0 #f07818} body #officeSidebar .sidebar-main button.sidebar-ad-register,body #officeSidebar .sidebar-main button[data-registration-mode="quick"]{border-color:transparent;background:#102844;color:#edf3f9;box-shadow:none} body #officeSidebar .sidebar-main button.sidebar-ad-register:hover:not(.active),body #officeSidebar .sidebar-main button[data-registration-mode="quick"]:hover:not(.active){border-color:#31516f;background:#193b60;color:#fff;box-shadow:none} body #officeSidebar .sidebar-main button.sidebar-ad-register svg,body #officeSidebar .sidebar-main button[data-registration-mode="quick"] svg{color:#f6a05f} body #officeSidebar #sidebarToday{background:#173451;border-color:#31516f;color:#edf3f9;box-shadow:0 3px 12px #06172933} body #officeSidebar #sidebarToday .sidebar-today-date{color:#ffd1a8;border-bottom-color:#31516f} body #officeSidebar #sidebarToday .sidebar-today-section>strong{color:#ffd1a8} body #officeSidebar #sidebarToday .sidebar-today-section [role=status],body #officeSidebar .sidebar-weather-credit, body #officeSidebar .sidebar-today-event span,body #officeSidebar .sidebar-weather-row span{color:#e4edf5} body #officeSidebar #sidebarToday{display:grid;gap:8px;padding:10px;background:transparent;border:0;box-shadow:none} body #officeSidebar #sidebarToday .sidebar-today-date{padding:0 3px 8px;border-bottom:1px solid #31516f} body #officeSidebar #sidebarToday .sidebar-today-section{min-width:0;padding:9px 10px;border:1px solid #c8d9e8;border-radius:8px;background:#eaf2f9;box-shadow:0 2px 8px #06172912} body #officeSidebar #sidebarToday .sidebar-today-section>strong{display:block;margin-bottom:5px;color:#b45a0e;font-size:12px} body #officeSidebar #sidebarToday .sidebar-today-section [role=status],body #officeSidebar #sidebarToday .sidebar-weather-credit,body #officeSidebar #sidebarToday .sidebar-today-event span,body #officeSidebar #sidebarToday .sidebar-weather-row span{color:#243b53;font-size:11px} body #officeSidebar #sidebarToday .sidebar-today-event{align-items:start} body #officeSidebar #sidebarToday .sidebar-today-event span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere} body #officeSidebar #sidebarToday .sidebar-weather-credit{margin-top:7px;color:#526b82;text-decoration:none} body #officeSidebar #sidebarGroups{flex:0 0 auto;min-height:min-content} body #officeSidebar #sidebarToday,body #officeSidebar #sidebarToday .sidebar-today-section,body #officeSidebar #sidebarToday [role=status]{height:auto;max-height:none;overflow:visible} body #officeSidebar #sidebarToday{grid-auto-rows:max-content;align-content:start} body #officeSidebar #sidebarToday .sidebar-today-events-card{min-height:0} body #officeSidebar #sidebarToday .sidebar-today-events-card[role=button]{cursor:pointer} body #officeSidebar #sidebarToday .sidebar-today-events-card[role=button]:hover{border-color:#8eb5d5;background:#f2f8fd} body #officeSidebar #sidebarToday .sidebar-today-events-card[role=button]:focus-visible{outline:2px solid #e8761c;outline-offset:2px} body #officeSidebar .sidebar-archive-footer{border-top-color:#294460} /* Shared listing form: owner details first, with compact one-row fields. */ body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields{margin-top:0} body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields>.fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 18px} body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields>.fields>label{min-width:0} body.has-sidebar.simple-entry #registerView #registration-facilities .additional-fields>.fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 16px} body.has-sidebar.simple-entry #registerView #registration-facilities .additional-fields>.fields>label{min-width:0} @media(min-width:801px){ body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-facilities>.facility-primary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 10px!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-move>.fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 10px!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-facilities>.facility-primary>label, body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-move>.fields>label{width:auto!important;min-width:0!important;max-width:none!important;flex-basis:auto!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-move .date-entry{width:100%;min-width:0} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#registration-rights>.fields{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-rights>.fields>label{position:relative;display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding-right:18px;box-sizing:border-box;white-space:nowrap;font-size:12px} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-rights>.fields>label>select{display:block;width:calc(100% + 18px)!important;max-width:none!important;min-width:0!important;margin-top:4px} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-rights>.fields>label>.registration-help{position:absolute;top:0;right:0;width:16px;height:16px;min-height:16px;margin:0;padding:0;font-size:11px} } @media(min-width:601px){ body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-facilities .facility-options-layout>.facility-living{grid-template-columns:repeat(3,minmax(0,1fr))!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-facilities .facility-options-layout>.facility-security{grid-template-columns:repeat(3,minmax(0,1fr))!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #registration-facilities .facility-options-layout>.facility-other{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media(max-width:600px){ body.has-sidebar.simple-entry #registerView #listingForm>#ownerFields>.fields{grid-template-columns:minmax(0,1fr)!important} body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#registration-building>.building-paired-grid{grid-template-columns:minmax(0,1fr)!important} body.has-sidebar.simple-entry #registerView #registration-facilities .additional-fields>.fields{grid-template-columns:minmax(0,1fr)!important} } /* Owner information layout: desktop 3 columns, tablet 2, mobile 1. Presentation only; inputs, names, listeners and save logic remain unchanged. */ @media(min-width:851px){ body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px 16px!important; align-items:start!important; } } @media(min-width:601px) and (max-width:850px){ body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 14px!important; } } @media(max-width:600px){ body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; } } body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields>label{ width:auto!important; min-width:0!important; max-width:none!important; } body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields>label>input, body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.fields>label>select{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } body.clean-registration.has-sidebar.simple-entry #registerView.content-fixed #listingForm>#ownerFields>.owner-summary{ margin-top:10px!important; } /* Keep the header focused on the six reference services. The listing and registration tools, including registry lookup, remain available elsewhere. */ .brand-header #headerTools #workNavigation, .brand-header #headerTools .header-tool-divider, .brand-header #registryMenuButton, .brand-header #headerTools #referenceNavigation a[data-work-site="eais"], .brand-header #headerTools #referenceNavigation a[data-work-site="realtyprice"]{display:none!important} .brand-header #headerTools #referenceNavigation{gap:4px!important} .brand-header #headerTools #referenceNavigation a{ position:relative;min-height:36px;padding:0 11px;border:1px solid transparent; border-radius:8px;background:transparent;color:#34495c;font-size:14px;font-weight:650; letter-spacing:-.02em;transition:background .15s,border-color .15s,color .15s; } .brand-header #headerTools #referenceNavigation a:hover{border-color:#dce6ee;background:#f3f7fa;color:#1e506f} .brand-header #headerTools #referenceNavigation a.active{ border-color:#eac6a3;background:#fff3e7;color:#a54e13; box-shadow:inset 0 -2px #cf7128; } .brand-header #headerTools #referenceNavigation a[data-work-site="iros"]{order:1} .brand-header #headerTools #referenceNavigation a[data-work-site="hometax"]{order:2} .brand-header #headerTools #referenceNavigation a[data-work-site="disco"]{order:3} .brand-header #headerTools #referenceNavigation a[data-work-site="onhouse"]{order:4;margin-left:15px} .brand-header #headerTools #referenceNavigation a[data-work-site="onhouse"]::before{ content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:1px;background:#d8e1e8; } .brand-header #headerTools #referenceNavigation a[data-work-site="rtech"]{order:5} .brand-header #headerTools #referenceNavigation a[data-work-site="ggi"]{order:6;margin-left:0} @media(max-width:760px){ .brand-header #headerTools #referenceNavigation{gap:2px!important} .brand-header #headerTools #referenceNavigation a{min-height:32px;padding:0 8px;font-size:12px} .brand-header #headerTools #referenceNavigation a[data-work-site="onhouse"]{margin-left:11px} .brand-header #headerTools #referenceNavigation a[data-work-site="onhouse"]::before{left:-7px;top:7px;bottom:7px} } /* staff-commission.css */ /* Hana Realty staff-commission ledger: standalone admin workspace */ body:has(#staffCommissionView:not([hidden])) main{height:auto;min-height:calc(100dvh - var(--header-height));padding:0!important;overflow:visible;scrollbar-gutter:auto} #staffCommissionView[hidden],#staffCommissionView [hidden]{display:none!important} .staff-commission-view{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;min-height:calc(100dvh - 80px);background:#f5f7fa;color:#1e293b;font-family:inherit} .staff-commission-view *{box-sizing:border-box} .sc-content{max-width:1450px;margin:0 auto;padding:24px 26px 50px} .sc-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px} .sc-head h1{font-size:25px;font-weight:750;color:#182b40;margin:0 0 5px} .sc-head p,.sc-history-top p{font-size:13px;color:#6b7788;margin:0;line-height:1.5} .sc-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .sc-head-actions button,.sc-pager button,.sc-row-actions button,#scClear,#scCancel{font:inherit;font-size:12px;font-weight:650;min-height:34px;border:1px solid #cdd8e3;background:#fff;color:#30455d;border-radius:7px;padding:6px 12px;cursor:pointer} .sc-head-actions #scNew{background:#244d76;border-color:#244d76;color:#fff} .sc-head-actions button:hover,.sc-row-actions button:hover,.sc-pager button:hover{filter:brightness(.97)} .staff-commission-menu-icon{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:800} .sc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px} .sc-stat{background:#fff;border:1px solid #e0e7ef;border-radius:10px;padding:16px 18px;min-width:0} .sc-stat span{display:block;font-size:12px;color:#758394;margin-bottom:8px} .sc-stat strong{display:block;font-size:20px;color:#183654;font-weight:750;letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .sc-work{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:13px;align-items:stretch;margin-bottom:19px} .sc-form,.sc-calculation,.sc-history{background:white;border:1px solid #e0e7ef;border-radius:11px;box-shadow:0 2px 10px #233a5608} .sc-form{padding:19px 21px} .sc-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px} .sc-panel-head h2,.sc-calculation h2,.sc-history h2{font-size:16px;font-weight:750;line-height:1.4;color:#233b54;margin:0} .sc-form label,.sc-filters label{font-size:12px;color:#53657b;font-weight:650;display:flex;flex-direction:column;gap:6px;min-width:0} .sc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} .sc-fields .sc-wide{grid-column:1/-1} .sc-fields input,.sc-filters input,.sc-filters select{border:1px solid #cbd7e5;background:white;border-radius:7px;font:inherit;font-size:14px;color:#1d344c;padding:10px 11px;min-height:41px;width:100%;min-width:0} .sc-fields input:focus,.sc-filters input:focus,.sc-filters select:focus,.sc-amount-input input:focus{outline:2px solid #95bce5;outline-offset:1px;border-color:#477eb2} .sc-mode{display:flex;flex-wrap:wrap;gap:14px;border:0;border-top:1px solid #edf1f5;margin:17px 0 0;padding:14px 0 0} .sc-mode legend{font-size:12px;color:#637588;font-weight:700;padding:0 4px} .sc-mode label{display:flex;flex-direction:row;align-items:center;gap:6px;color:#344a61;cursor:pointer} .sc-mode input,.sc-switches input,.sc-check input{accent-color:#2d6ba3} .sc-amount-label{display:block!important;font-size:13px!important;color:#30435a!important;margin-top:13px} .sc-amount-input{display:flex;align-items:center;gap:10px;margin-top:7px;padding:8px 13px;border:1px solid #9cb9d4;border-radius:8px;background:#fafcff} .sc-amount-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:24px;font-weight:750;color:#1e4166;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.02em} .sc-amount-input span{font-size:14px;color:#71859b} .sc-switches{display:flex;flex-wrap:wrap;gap:10px 16px;margin:15px 0;padding:10px 0 12px;border-bottom:1px solid #edf1f5} .sc-switches label,.sc-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;font-size:12px!important;color:#3a5168!important;cursor:pointer} .sc-secondary-fields{gap:12px 17px} .sc-form-actions{display:flex;gap:8px;margin-top:17px} .sc-form-actions #scSave{background:#245884;border:1px solid #245884;color:#fff;border-radius:7px;padding:11px 23px;font-size:14px;font-weight:750;cursor:pointer;min-height:43px} .sc-form-actions #scCancel{padding:10px 17px} .sc-calculation{padding:20px 22px;display:flex;flex-direction:column} .sc-calculation h2{margin-bottom:18px} .sc-calc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:15px;font-size:13px;color:#657589} .sc-calc-row strong{font-size:15px;color:#253950;font-variant-numeric:tabular-nums;white-space:nowrap} .sc-calculation hr{border:0;border-top:1px solid #e2e8f0;margin:3px 0 18px} .sc-calc-net{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:20px 0 15px;border-top:1px solid #d0ddeb;margin-top:auto} .sc-calc-net span{font-size:13px;font-weight:750;color:#365879} .sc-calc-net strong{font-size:24px;font-weight:850;letter-spacing:-.04em;color:#14568c;font-variant-numeric:tabular-nums;white-space:nowrap} .sc-calc-note{font-size:11px;color:#7b8997;line-height:1.6;background:#f6f8fb;border-radius:7px;padding:9px;margin:0} .sc-history{padding:19px 18px 16px} .sc-history-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px} .sc-deleted-toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#66778b;cursor:pointer} .sc-filters{display:grid;grid-template-columns:155px 155px 155px minmax(190px,1fr);gap:9px;margin-bottom:13px} .sc-filters input,.sc-filters select{padding:7px 9px;min-height:36px;font-size:12px} .sc-table-scroll{width:100%;overflow:auto} .sc-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;text-align:left;min-width:900px;font-variant-numeric:tabular-nums} .sc-table thead th{font-size:11px;color:#60758c;background:#f5f8fc;padding:11px 10px;white-space:nowrap;font-weight:700;border-bottom:1px solid #e1e8f0} .sc-table tbody td{border-bottom:1px solid #eef2f7;padding:11px 10px;color:#344b61;vertical-align:middle} .sc-table tbody tr:last-child td{border-bottom:0} .sc-table tbody tr:hover{background:#fcfdff} .sc-table small{display:block;font-size:10px;color:#8190a1;line-height:1.5;margin-top:3px} .sc-table .sc-person strong{font-weight:700;color:#233e58} .sc-table .sc-legacy-tag{color:#3b7680} .sc-table .sc-numeric{text-align:right;white-space:nowrap} .sc-net-cell{font-weight:750;color:#205684!important} .sc-table-toggle{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:11px;white-space:nowrap;cursor:pointer} .sc-table-toggle input{accent-color:#2366a2} .sc-row-actions{display:flex;align-items:center;gap:4px} .sc-row-actions button{min-height:29px;padding:5px 7px;font-size:11px} .sc-row-actions .sc-delete{color:#956761} .sc-empty{padding:28px!important;text-align:center;color:#738295!important} .sc-archived{opacity:.58} .sc-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ecf1f6;padding-top:13px;font-size:11px;color:#758597} .sc-pager>div{display:flex;align-items:center;gap:10px} .sc-pager strong{font-size:12px;color:#30485f} .sc-pager button:disabled{opacity:.4;cursor:default} .sc-source-info{margin:13px 3px 0;font-size:11px;color:#76889b;line-height:1.65} .sc-notice{position:sticky;bottom:12px;z-index:2;margin:14px 0 0;padding:12px 15px;background:#eff6fc;color:#244965;border:1px solid #c9dced;border-radius:8px;box-shadow:0 4px 20px #1b3c6315;font-size:13px} .sc-notice[data-error=true]{background:#fff4f2;color:#8f433a;border-color:#f0cbc5} @media(max-width:1080px){.sc-content{padding:17px 13px 40px}.sc-work{grid-template-columns:1fr}.sc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-search{grid-column:1/-1}} @media(max-width:550px){.sc-head h1{font-size:21px}.sc-head-actions{width:100%}.sc-head-actions button{flex:1;white-space:nowrap}.sc-stat{padding:13px}.sc-stat strong{font-size:17px}.sc-fields{grid-template-columns:1fr}.sc-fields .sc-wide{grid-column:auto}.sc-calculation{padding:18px}.sc-calc-net strong{font-size:22px}.sc-filters{grid-template-columns:1fr 1fr}.sc-form{padding:15px}.sc-history{padding:14px}} @media print{ body.sc-print-mode .brand-header,body.sc-print-mode #officeSidebar,body.sc-print-mode .work-navigation,body.sc-print-mode #staffCommissionView .sc-head-actions,body.sc-print-mode #staffCommissionView .sc-work,body.sc-print-mode #staffCommissionView .sc-filters,body.sc-print-mode #staffCommissionView .sc-row-actions,body.sc-print-mode #staffCommissionView .sc-pager,body.sc-print-mode #staffCommissionView .sc-deleted-toggle,body.sc-print-mode #staffCommissionView #scNotice{display:none!important} body.sc-print-mode #staffCommissionView{display:block!important;background:white!important;color:#000!important} body.sc-print-mode #staffCommissionView .sc-content{width:100%;max-width:none;padding:0} body.sc-print-mode #staffCommissionView .sc-history,body.sc-print-mode #staffCommissionView .sc-stat{box-shadow:none;border:0} body.sc-print-mode #staffCommissionView .sc-table-scroll{overflow:visible} body.sc-print-mode #staffCommissionView .sc-table{min-width:0;font-size:9px} body.sc-print-mode #staffCommissionView .sc-table th,body.sc-print-mode #staffCommissionView .sc-table td{padding:4px;border-bottom:1px solid #ccc} body.sc-print-mode #staffCommissionView .sc-table th:last-child,body.sc-print-mode #staffCommissionView .sc-table td:last-child{display:none} } /* 2026-10-18: staff withholding guide, independent of the legacy Sheet */ #staffCommissionView .sc-work-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid #dbe5ef;padding-bottom:12px} #staffCommissionView .sc-work-tabs button{background:#fff;border:1px solid #cbd8e6;border-radius:8px;color:#46617b;cursor:pointer;font-size:13px;font-weight:750;padding:10px 16px} #staffCommissionView .sc-work-tabs button.is-active{background:#214f7c;color:#fff;border-color:#214f7c} #staffCommissionView .sc-advanced{border-radius:8px;border:1px solid #e5edf5;background:#fafcfe;padding:9px 12px;margin:0 0 12px;font-size:12px} #staffCommissionView .sc-advanced summary{cursor:pointer;font-weight:700;color:#57708b} #staffCommissionView .sc-advanced label{display:flex;gap:8px;align-items:center;flex-direction:row;margin:10px 0} #staffCommissionView .sc-advanced select{border:1px solid #cbd7e5;background:#fff;border-radius:6px;padding:7px;font:inherit;max-width:100%} #staffCommissionView .sc-advanced p{font-size:11px;color:#6b7d92;line-height:1.5;margin:6px 0} #staffCommissionView .sc-tax-guide{display:block;min-width:0} #staffCommissionView .sc-tax-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px;background:#fff;border-radius:11px;border:1px solid #e0e7ef;margin-bottom:10px} #staffCommissionView .sc-tax-top h2{font-size:19px;color:#173c60;margin:0 0 6px} #staffCommissionView .sc-tax-top p{font-size:12px;color:#597087;line-height:1.6;margin:0;max-width:720px} #staffCommissionView .sc-tax-controls{display:flex;align-items:end;gap:8px} #staffCommissionView .sc-tax-controls label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:6px;color:#4b6279} #staffCommissionView .sc-tax-controls select,#staffCommissionView .sc-tax-controls button{height:39px;border:1px solid #c5d3e2;border-radius:7px;padding:7px 12px;background:#fff;color:#173b5f;font:inherit;font-size:13px} #staffCommissionView .sc-tax-controls button{cursor:pointer} #staffCommissionView .sc-tax-alert{padding:9px 12px;background:#f0f5fb;color:#355779;border:1px solid #d8e5f0;border-radius:7px;font-size:12px;line-height:1.5;margin:0 0 10px} #staffCommissionView .sc-tax-alert[data-tone=error]{color:#9c3030;background:#fff4f3;border-color:#f1d0ce} #staffCommissionView .sc-tax-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px} #staffCommissionView .sc-tax-stat{background:#fff;border:1px solid #dfe9f3;border-radius:9px;padding:15px} #staffCommissionView .sc-tax-stat span{display:block;color:#667c93;font-size:12px;margin-bottom:8px} #staffCommissionView .sc-tax-stat strong{font-size:21px;color:#1b4167;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #staffCommissionView .sc-tax-review{margin:4px 0 12px} #staffCommissionView .sc-tax-review-alert,#staffCommissionView .sc-tax-review-note{padding:10px 13px;border-radius:7px;font-size:12px;line-height:1.6;margin:7px 0} #staffCommissionView .sc-tax-review-alert{background:#fff7ec;color:#765128;border:1px solid #eed6b6} #staffCommissionView .sc-tax-review-note{background:#edf3fa;color:#3a5c80;border:1px solid #dbe7f3} #staffCommissionView .sc-tax-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px} #staffCommissionView .sc-tax-card{background:#fff;border:1px solid #dfe7f1;border-radius:11px;padding:18px;min-width:0} #staffCommissionView .sc-tax-card:nth-child(3){grid-column:1/-1} #staffCommissionView .sc-tax-card-title{display:flex;align-items:center;gap:12px;margin:0 0 17px} #staffCommissionView .sc-tax-card-title h3{font-size:16px;color:#1d466a;margin:0 0 3px} #staffCommissionView .sc-tax-card-title p{margin:0;color:#71859b;font-size:12px} #staffCommissionView .sc-tax-step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6f0f9;color:#23547e;font-size:16px;font-weight:800;flex-shrink:0} #staffCommissionView .sc-tax-card>p{font-size:12px;color:#4f6377;line-height:1.75;margin:13px 0} #staffCommissionView .sc-tax-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #staffCommissionView .sc-tax-field,#staffCommissionView .sc-tax-accrual{display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #e9eff5;font-size:12px;padding:10px 2px} #staffCommissionView .sc-tax-field span,#staffCommissionView .sc-tax-accrual>span{color:#64778b} #staffCommissionView .sc-tax-field strong{color:#1f486d;text-align:right;font-variant-numeric:tabular-nums} #staffCommissionView .sc-tax-accrual input{width:125px;max-width:100%;min-height:30px;border-radius:6px;border:1px solid #cbd7e5;color:#304c67;padding:4px;background:#fff} #staffCommissionView .sc-tax-deadline{font-weight:750;color:#245b87!important} #staffCommissionView .sc-tax-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0} #staffCommissionView .sc-tax-actions button,#staffCommissionView .sc-tax-actions a{border:1px solid #315d81;border-radius:7px;background:#315d81;color:#fff;font-size:12px;font-weight:750;padding:10px 13px;cursor:pointer;text-decoration:none} #staffCommissionView .sc-tax-actions a{background:#fff;color:#315d81} #staffCommissionView .sc-tax-filing{border-top:1px solid #e9eff5;margin-top:12px;padding-top:10px} #staffCommissionView .sc-tax-filing-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 0;border-bottom:1px solid #f1f4f8} #staffCommissionView .sc-tax-filing-meta{min-width:180px;flex:1} #staffCommissionView .sc-tax-filing-meta strong{display:block;font-size:13px;color:#304f69} #staffCommissionView .sc-tax-filing-meta small{display:block;color:#6f8295;margin-top:5px;font-size:11px} #staffCommissionView .sc-tax-filing-meta small.sc-tax-stale{color:#aa4940} #staffCommissionView .sc-tax-filing-controls{display:flex;gap:7px;flex-wrap:wrap} #staffCommissionView .sc-tax-filing-controls input{height:33px;width:170px;max-width:100%;border:1px solid #cfdae7;border-radius:6px;padding:6px;font-size:11px} #staffCommissionView .sc-tax-filing-controls button{background:#fff;border:1px solid #bfd0e1;color:#244f75;padding:6px 9px;min-height:33px;border-radius:6px;font-size:11px;font-weight:750;cursor:pointer} #staffCommissionView .sc-tax-filing-controls button:disabled{opacity:.45;cursor:not-allowed} #staffCommissionView .sc-tax-receivers,#staffCommissionView .sc-tax-reference{background:#fff;border-radius:10px;border:1px solid #e0e8f0;padding:19px;margin-top:12px} #staffCommissionView .sc-tax-receivers h3{font-size:15px;color:#254c70;margin:0 0 13px} #staffCommissionView .sc-tax-table-scroll{overflow:auto} #staffCommissionView .sc-tax-table-scroll table{width:100%;min-width:650px;border-collapse:collapse;font-size:12px} #staffCommissionView .sc-tax-table-scroll th{background:#f4f7fa;color:#5d7187;text-align:left;white-space:nowrap;padding:10px;border-bottom:1px solid #dae5ee} #staffCommissionView .sc-tax-table-scroll td{padding:9px;border-bottom:1px solid #eef3f7;color:#334d68;font-variant-numeric:tabular-nums} #staffCommissionView .sc-tax-receivers p,#staffCommissionView .sc-tax-reference p{font-size:12px;line-height:1.65;color:#617589} #staffCommissionView .sc-tax-reference a{color:#245d89;font-size:12px;font-weight:700} @media(max-width:920px){#staffCommissionView .sc-tax-columns{grid-template-columns:1fr}#staffCommissionView .sc-tax-card:nth-child(3){grid-column:auto}#staffCommissionView .sc-tax-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#staffCommissionView .sc-tax-fields{grid-template-columns:1fr}} @media(max-width:540px){#staffCommissionView .sc-tax-stats{grid-template-columns:1fr 1fr}#staffCommissionView .sc-tax-stat strong{font-size:17px}#staffCommissionView .sc-tax-top{padding:14px}#staffCommissionView .sc-tax-card{padding:14px}#staffCommissionView .sc-tax-controls{flex-wrap:wrap}} @media print{body.sc-print-mode #staffCommissionView .sc-work-tabs,body.sc-print-mode #staffCommissionView .sc-tax-guide{display:none!important}} /* Keep the commission title legible beside the compact administrator menu. */ #staffCommissionView .sc-head{background:#fff!important;color:#1e3f58!important;border:1px solid #dce6ee!important;border-radius:10px!important;padding:16px 18px!important} #staffCommissionView .sc-head h1{color:#173c5b!important} #staffCommissionView .sc-head p{color:#5e788e!important} /* list-dashboard.css */ /* Hana listings V8 — alignment-only UI patch. Shared header/row grid. No data/API/business logic changes. */ body.simple-entry main>#listView, body.clean-registration.has-sidebar.simple-entry main>#listView{ width:calc(100% - 12px)!important; min-width:0!important; max-width:none!important; flex:1 1 auto!important; margin:0 6px!important; padding:0!important; box-sizing:border-box!important; } #listView>.intro{display:none!important} #listView .listing-page-title{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;color:#172b43!important;font-size:24px!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.025em!important;} @media(max-width:760px){#listView .listing-page-title{font-size:22px!important;margin-bottom:8px!important;}} body.simple-entry #listView>.panel{ margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } /* ===== Top toolbar: compact, no stretched empty gaps ===== */ #listView .listing-toolbar{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:6px!important; margin:6px 0!important; padding:0!important; min-width:0!important; } #listView .listing-toolbar .wide{ position:relative!important; flex:0 1 360px!important; min-width:260px!important; max-width:420px!important; font-size:0!important; } #listView .listing-toolbar .wide::before{ content:'⌕';position:absolute;z-index:1;left:10px;top:7px; color:#31557d;font-size:21px;line-height:21px;pointer-events:none; } #listView .listing-status-filter{display:block!important;flex:none!important;margin:0!important} #listView .listing-status-filter .sr-only{ position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; } #listView #listingSearch{ width:100%!important;height:38px!important;margin:0!important; padding:6px 10px 6px 36px!important;border:1px solid #d5dfec!important;border-radius:9px!important; background:#fff!important;color:#173653!important;font-size:14px!important;font-weight:700!important; outline:none!important;box-sizing:border-box!important; } #listView #listingSearch:focus{border-color:#86b4ed!important;box-shadow:0 0 0 2px #e0efff!important} #listView #listingSearch::placeholder{color:#7d91a8!important;font-weight:500!important} #listView #listingStatusFilter,#listView .listing-dashboard-filter{ flex:none!important;height:38px!important;margin:0!important;padding:5px 24px 5px 10px!important; border:1px solid #d5dfec!important;border-radius:9px!important;background-color:#fff!important; color:#213e60!important;font-size:13px!important;font-weight:800!important;box-sizing:border-box!important; } #listView #listingCategoryFilter{width:82px!important} #listView #listingStatusFilter{width:84px!important} #listView #listingTradeFilter{width:120px!important} #listView #listingKindFilter{width:138px!important} #listView #listingSiteFilter{width:108px!important} #listView #listingSiteStatusFilter{width:134px!important} #listView .listing-dashboard-count{ margin-left:auto!important;padding:0 3px!important;color:#17375c!important;font-size:15px!important;font-weight:900!important;white-space:nowrap!important; } #listView .listing-sheet-state{ flex:none!important;padding:4px 8px!important;border-radius:7px!important;background:#fff2f2!important;color:#c33444!important; font-size:11px!important;font-weight:800!important;white-space:nowrap!important; } #listView .listing-sheet-connect{ flex:none!important;height:38px!important;padding:5px 10px!important;border:1px solid #dcaab0!important;border-radius:8px!important; background:#fff!important;color:#b52d3d!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important; } #listView .listing-dashboard-refresh,#listView .listing-dashboard-add{ flex:none!important;height:38px!important;min-height:38px!important;padding:5px 12px!important; border:1px solid #d5dfec!important;border-radius:9px!important;background:#fff!important;color:#1e4268!important; font-size:13px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important; } #listView .listing-dashboard-refresh:hover{background:#f2f7fc!important} #listView .listing-dashboard-refresh.is-loading{opacity:.72!important;cursor:wait!important} #listView .listing-dashboard-add{border-color:#0a68e8!important;background:#0e6cf1!important;color:#fff!important;box-shadow:0 1px 4px #0e6cf124!important} #listView .listing-dashboard-tabs{display:none!important} #listView .listing-work-scope-tabs{display:flex;gap:0;width:max-content;max-width:100%;margin:0 0 10px;border:1px solid #cbd8e8;border-radius:8px;overflow:hidden;background:#f4f7fb} #listView .listing-work-scope-tabs button{border:0;border-right:1px solid #cbd8e8;border-radius:0;background:transparent;color:#39536f;padding:8px 15px;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer} #listView .listing-work-scope-tabs button:last-child{border-right:0} #listView .listing-work-scope-tabs button[aria-pressed="true"]{background:#1767d2;color:white} #listView .listing-work-scope-tabs button:focus-visible{outline:2px solid #1767d2;outline-offset:-2px} #listView #batchPanel{ margin:0!important;padding:0!important;border:1px solid #dfe7f0!important;border-radius:6px!important; background:#fff!important;box-shadow:none!important;overflow:hidden!important; } #listView #batchPanel .batch-toolbar{margin:0!important;padding:3px 6px!important;border:0!important;border-bottom:1px solid #edf1f5!important;background:#fff!important} #listView #batchPanel .batch-toolbar[hidden],#listView #batchPanel #batchSummary[hidden]{display:none!important} body[data-role=superadmin] #listView #batchPanel #batchStart:not([hidden]){display:inline-flex!important;align-items:center!important} #listView #batchPanel #batchSummary{margin:0!important;padding:3px 6px!important;border:0!important;border-bottom:1px solid #edf1f5!important;color:#61758c!important;font-size:10px!important} #listView #batchPanel .batch-scroll{max-height:min(82vh,1040px)!important;overflow:auto!important;border:0!important;border-radius:0!important;background:#fff!important} /* ===== ONE shared grid for header + rows ===== checkbox | number | type | address | area | amount | readiness | sites | progress/assignee | manage */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ display:grid!important; grid-template-columns:34px 94px 112px minmax(320px,1fr) 124px 220px 146px 238px 118px 84px!important; column-gap:6px!important; align-items:center!important; box-sizing:border-box!important; min-width:1540px!important; width:100%!important; } /* ===== Header: every label starts at same x position as its data ===== */ #listView .listing-dashboard-head{ position:sticky!important;top:0!important;z-index:5!important; min-height:40px!important;padding:0 8px!important; border-bottom:1px solid #cedcea!important;background:#eaf3ff!important; color:#17395f!important;font-size:13px!important;font-weight:900!important; text-align:left!important; } #listView .listing-dashboard-head>span{ min-width:0!important;margin:0!important;padding:0!important; text-align:left!important;justify-self:start!important;white-space:nowrap!important; } #listView .listing-dashboard-head .listing-select-all{ display:flex!important;align-items:center!important;justify-content:flex-start!important; min-width:0!important;margin:0!important;padding:0!important;font-size:0!important;color:transparent!important; } #listView .listing-dashboard-head .listing-select-all input{width:17px!important;height:17px!important;margin:0!important;accent-color:#0e6cf1!important} /* ===== Rows ===== */ #listView #savedListingsList{width:100%!important;min-width:1540px!important;background:#fff!important;color:#18324f!important} #listView #savedListingsList .dashboard-property-row{ position:relative!important;min-height:70px!important;padding:6px 8px!important; border-bottom:1px solid #e2e9f1!important;background:#fff!important;cursor:default!important; } #listView #savedListingsList .dashboard-property-row:last-child{border-bottom:0!important} #listView #savedListingsList .dashboard-property-row:hover{background:#f8fbff!important} #listView #savedListingsList .dashboard-property-row:has(>input:checked){background:#eef6ff!important;box-shadow:inset 3px 0 #0e6cf1!important} #listView #savedListingsList .dashboard-property-row>*{ min-width:0!important;margin:0!important; justify-self:start!important;text-align:left!important; } #listView #savedListingsList .dashboard-property-row>input[type=checkbox]{width:17px!important;height:17px!important;margin:0!important;accent-color:#0e6cf1!important;align-self:center!important} #listView #savedListingsList .property-thumbnail{display:none!important} /* number */ #listView #savedListingsList .dashboard-number-cell{display:flex!important;align-items:center!important;justify-content:flex-start!important} #listView #savedListingsList .listing-number{ display:block!important;margin:0!important;color:#0668ed!important;font-size:15px!important;font-weight:900!important; line-height:1.15!important;white-space:nowrap!important;text-align:left!important; } /* intake + assignee: exactly one compact block */ #listView #savedListingsList .dashboard-progress-cell{ display:grid!important;grid-template-columns:1fr!important;align-content:center!important; justify-items:start!important;justify-self:start!important;gap:3px!important;width:100%!important; text-align:left!important; } #listView #savedListingsList .dashboard-current-status{ width:92px!important;height:28px!important;margin:0!important;padding:3px 18px 3px 8px!important; border:1px solid #dfe7ef!important;border-radius:6px!important;background:#f2f6fb!important;color:#244563!important; font-size:12px!important;font-weight:900!important;text-align:left!important;box-sizing:border-box!important; } #listView #savedListingsList .dashboard-current-status[data-status=received]{border-color:#f7dac1!important;background:#fff3e8!important;color:#f07722!important} #listView #savedListingsList .dashboard-current-status[data-status=advertising]{border-color:#caecd8!important;background:#e9f9ef!important;color:#07884c!important} #listView #savedListingsList .dashboard-current-status[data-status=completed]{border-color:#d6e0ee!important;background:#eef3f9!important;color:#315b85!important} #listView #savedListingsList .dashboard-current-status[data-status=hold]{border-color:#e3d8c8!important;background:#f8f3eb!important;color:#8b6b3d!important} #listView #savedListingsList .dashboard-current-status[data-status=negotiating]{border-color:#d8dce9!important;background:#f2f3f8!important;color:#5c6380!important} #listView #savedListingsList .dashboard-intake-date, #listView #savedListingsList .dashboard-progress-cell .assignee-small, #listView #savedListingsList .dashboard-assignee{ display:block!important;max-width:108px!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important; white-space:nowrap!important;color:#75879b!important;font-size:9px!important;line-height:1.1!important;text-align:left!important; } #listView #savedListingsList .dashboard-progress-cell .assignee-select{ max-width:104px!important;height:20px!important;margin:0!important;padding:0 3px!important; border:1px solid #dfe5ec!important;border-radius:4px!important;background:#fff!important;color:#617287!important; font-size:9px!important;text-align:left!important; } /* type */ #listView #savedListingsList .dashboard-type-cell{display:flex!important;align-items:center!important;justify-content:flex-start!important} #listView #savedListingsList .dashboard-type-chip{ display:inline-block!important;max-width:108px!important;margin:0!important;padding:5px 7px!important; border-radius:5px!important;background:#edf4fc!important;color:#183f6b!important;font-size:12px!important;font-weight:850!important; line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important; } /* address: exactly 2 lines; ellipsis only inside its own cell */ #listView #savedListingsList .dashboard-address-cell{ display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:2px!important; width:100%!important;text-align:left!important; } #listView #savedListingsList .dashboard-address-main{ display:block!important;min-width:0!important;max-width:100%!important;margin:0!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:#16385d!important;font-size:15px!important;font-weight:900!important;line-height:1.18!important;text-align:left!important; } #listView #savedListingsList .dashboard-address-sub{ display:block!important;min-width:0!important;max-width:100%!important;margin:0!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:#60758e!important;font-size:10px!important;font-weight:650!important;line-height:1.15!important;text-align:left!important; } /* area */ #listView #savedListingsList .dashboard-area-cell{ display:grid!important;align-content:center!important;justify-items:start!important;gap:2px!important;width:100%!important; color:#183957!important;line-height:1.12!important;text-align:left!important; } #listView #savedListingsList .dashboard-area-cell strong{font-size:14px!important;font-weight:900!important;white-space:nowrap!important} #listView #savedListingsList .dashboard-area-cell small{color:#637a94!important;font-size:10px!important;white-space:nowrap!important} /* amount */ #listView #savedListingsList .dashboard-deal-cell{ display:grid!important;align-content:center!important;justify-items:start!important;gap:2px!important;width:100%!important;text-align:left!important; } #listView #savedListingsList .dashboard-price-line{ display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;width:100%!important; } #listView #savedListingsList .dashboard-price-line .listing-badge.trade{ flex:none!important;margin:0!important;padding:4px 6px!important;border:1px solid #c8ddf8!important;border-radius:5px!important; background:#e9f3ff!important;color:#0966e8!important;font-size:11px!important;font-weight:900!important;line-height:1!important; } #listView #savedListingsList .dashboard-price-line .property-price{ display:block!important;min-width:0!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important; color:#0868ee!important;font-size:14px!important;font-weight:900!important;line-height:1.18!important; text-align:left!important;white-space:normal!important;max-height:34px!important; } #listView #savedListingsList .dashboard-fee{ min-width:0!important;max-width:100%!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important; white-space:nowrap!important;color:#647a91!important;font-size:9px!important;line-height:1.08!important;text-align:left!important; } /* registration requirements */ #listView #savedListingsList .listing-readiness{ display:grid!important;align-content:center!important;justify-items:start!important;gap:2px!important;width:100%!important;line-height:1.12!important;text-align:left!important; } #listView #savedListingsList .dashboard-readiness-text{color:#f03145!important;font-size:13px!important;font-weight:950!important;white-space:nowrap!important} #listView #savedListingsList .listing-readiness.is-ready .dashboard-readiness-text{color:#079054!important} #listView #savedListingsList .dashboard-readiness-issue{ display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important; white-space:nowrap!important;color:#6f8195!important;font-size:9px!important;font-weight:600!important;text-align:left!important; } /* external site state: left-aligned, three independent 2-line groups */ #listView #savedListingsList .dashboard-site-cell{ display:grid!important;grid-template-columns:repeat(3,72px)!important;align-items:start!important;justify-content:start!important; justify-self:start!important;gap:6px!important;min-width:0!important;width:auto!important;max-width:none!important;text-align:left!important; } #listView #savedListingsList .dashboard-site-cell .listing-site{ display:grid!important;grid-template-rows:25px 17px!important;align-items:center!important;justify-items:stretch!important; gap:1px!important;min-width:0!important;text-align:left!important; } #listView #savedListingsList .dashboard-site-cell .listing-site-actions{display:contents!important} #listView #savedListingsList .dashboard-site-cell .listing-site-button{ grid-row:1!important;width:72px!important;height:25px!important;min-height:25px!important;margin:0!important;padding:2px 4px!important; border:1px solid transparent!important;border-radius:5px!important;color:#fff!important;font-size:11px!important;font-weight:950!important; line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;opacity:1!important;text-align:center!important; } #listView #savedListingsList .dashboard-site-cell [data-site=rfine] .listing-site-button{background:#0873ed!important;border-color:#0768d8!important} #listView #savedListingsList .dashboard-site-cell [data-site=realty-bank] .listing-site-button{background:#079a4f!important;border-color:#078844!important} #listView #savedListingsList .dashboard-site-cell [data-site=daangn-realty] .listing-site-button{background:#ff6e24!important;border-color:#f05f17!important} #listView #savedListingsList .dashboard-site-cell .listing-site-auto{ grid-row:2!important;width:72px!important;height:17px!important;min-height:17px!important;margin:0!important;padding:0!important;border:0!important; background:transparent!important;color:#657b93!important;font-size:8px!important;font-weight:650!important;line-height:17px!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important;text-align:center!important; } #listView #savedListingsList .dashboard-site-cell .listing-site-status{display:none!important} #listView #savedListingsList .dashboard-site-cell .listing-site-detail{position:absolute!important;margin:-1px 0 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#bc3140!important;font-size:0!important;cursor:pointer!important} #listView #savedListingsList .dashboard-site-cell .listing-site-detail::after{content:'!';display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#fff0f1;color:#c83241;font-size:8px;font-weight:950} /* management — functions preserved */ #listView #savedListingsList .dashboard-manage{ display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;gap:3px!important;min-width:0!important; } #listView #savedListingsList .dashboard-edit-link{ min-width:50px!important;height:28px!important;margin:0!important;padding:3px 6px!important; border:1px solid #d7e2ee!important;border-radius:6px!important;background:#fff!important;color:#214a75!important; font-size:11px!important;font-weight:850!important;white-space:nowrap!important;cursor:pointer!important; } #listView #savedListingsList .dashboard-menu{position:relative!important;flex:none!important;margin:0!important} #listView #savedListingsList .dashboard-menu>summary{ display:grid!important;place-items:center!important;width:24px!important;height:28px!important;border-radius:5px!important; color:#183f69!important;font-size:18px!important;font-weight:950!important;line-height:1!important;list-style:none!important;cursor:pointer!important; } #listView #savedListingsList .dashboard-menu>summary::-webkit-details-marker{display:none!important} #listView #savedListingsList .dashboard-menu>summary:hover{background:#edf4fb!important} #listView #savedListingsList .dashboard-menu .listing-row-actions{ position:absolute!important;z-index:20!important;right:0!important;top:100%!important;display:grid!important;gap:2px!important;width:180px!important; padding:5px!important;border:1px solid #d8e2ec!important;border-radius:7px!important;background:#fff!important;box-shadow:0 10px 24px #17334f24!important; } #listView #savedListingsList .dashboard-menu .listing-row-actions>button{ min-height:28px!important;padding:5px 7px!important;border:0!important;border-radius:5px!important;background:transparent!important; color:#2b4a69!important;font-size:11px!important;text-align:left!important;cursor:pointer!important; } #listView #savedListingsList .dashboard-owner-gender{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;padding:4px 6px!important;color:#64778c!important;font-size:9px!important;white-space:nowrap!important} #listView #savedListingsList .dashboard-owner-gender select{height:22px!important;max-width:82px!important;border:1px solid #d5dfe9!important;border-radius:4px!important;background:#fff!important;color:#294765!important;font-size:9px!important} #listView #savedListingsList .listing-empty{padding:24px 10px!important;color:#71859b!important;font-size:13px!important} /* ===== Pagination: central controls, no corner placement ===== */ #listView .listing-dashboard-pager{ display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important; min-height:44px!important;padding:5px 8px!important;border-top:1px solid #e4ebf3!important;background:#fff!important;color:#516d8a!important;font-size:11px!important; } #listView .listing-page-label{grid-column:1!important;justify-self:start!important;font-weight:800!important;white-space:nowrap!important} #listView .listing-page-buttons{grid-column:2!important;justify-self:center!important;display:flex!important;align-items:center!important;gap:4px!important;margin:0!important} #listView .listing-page-buttons button{ min-width:32px!important;height:32px!important;padding:0 8px!important;border:1px solid #dbe5ef!important;border-radius:6px!important; background:#fff!important;color:#25496f!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important; } #listView .listing-page-buttons button[aria-current=page]{border-color:#0e6cf1!important;background:#0e6cf1!important;color:#fff!important;font-weight:950!important} #listView .listing-page-buttons button:disabled{opacity:.38!important;cursor:default!important} #listView .listing-pager-tools{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important} #listView .listing-page-size,#listView #migrationReviewFilter,#listView #listingPrintButton,#listView .listing-clear-selection{ height:27px!important;min-height:27px!important;margin:0!important;padding:3px 7px!important;border:1px solid #dce5ee!important;border-radius:5px!important; background:#fff!important;color:#5c7087!important;font-size:10px!important;white-space:nowrap!important;box-sizing:border-box!important; } @media(max-width:1550px){ #listView .listing-dashboard-head,#listView #savedListingsList .dashboard-property-row{ grid-template-columns:32px 90px 104px minmax(300px,1fr) 116px 205px 136px 220px 108px 80px!important; min-width:1440px!important; } #listView #savedListingsList{min-width:1440px!important} #listView .listing-toolbar{overflow-x:auto!important;padding-bottom:2px!important} } @media(max-width:1050px){ #listView .listing-dashboard-pager{grid-template-columns:1fr auto!important;row-gap:5px!important} #listView .listing-page-buttons{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important} #listView .listing-page-label{grid-column:1!important;grid-row:2!important} #listView .listing-pager-tools{grid-column:2!important;grid-row:2!important} } @media print{ body.printing-listings #listView .listing-toolbar,body.printing-listings #listView .listing-dashboard-pager{display:none!important} body.printing-listings #savedListingsList .dashboard-property-row:not([data-print-selected=true]){display:none!important} body.printing-listings #savedListingsList .dashboard-property-row{break-inside:avoid!important} body.printing-listings #savedListingsList .dashboard-menu{display:none!important} } /* V9 authoritative column alignment Header and row use the exact same 10-column grid: checkbox | listing no | type | address | area | amount | readiness | site state | progress/assignee | manage */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:34px 94px 112px minmax(320px,1fr) 124px 220px 146px 238px 118px 84px!important; column-gap:6px!important; align-items:center!important; min-width:1540px!important; } #listView #savedListingsList{min-width:1540px!important;} /* Every header/data cell begins from the left edge of its own column. */ #listView .listing-dashboard-head > span, #listView #savedListingsList .dashboard-property-row > *{ justify-self:start!important; text-align:left!important; margin-left:0!important; margin-right:0!important; } #listView .listing-dashboard-head > span{ padding-left:0!important; padding-right:0!important; } /* Exact cell alignment. */ #listView #savedListingsList .dashboard-number-cell, #listView #savedListingsList .dashboard-type-cell, #listView #savedListingsList .dashboard-address-cell, #listView #savedListingsList .dashboard-area-cell, #listView #savedListingsList .dashboard-deal-cell, #listView #savedListingsList .listing-readiness, #listView #savedListingsList .dashboard-site-cell, #listView #savedListingsList .dashboard-progress-cell, #listView #savedListingsList .dashboard-manage{ justify-self:start!important; justify-content:flex-start!important; justify-items:start!important; text-align:left!important; } /* Address stays inside its address column and never breaks into word fragments. */ #listView #savedListingsList .dashboard-address-cell{ width:100%!important; grid-template-rows:auto auto!important; align-content:center!important; gap:2px!important; } #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; word-break:keep-all!important; text-align:left!important; } /* Progress column = current status + assignee, both left aligned. */ #listView #savedListingsList .dashboard-progress-cell{ width:100%!important; gap:3px!important; align-content:center!important; } #listView #savedListingsList .dashboard-current-status{ margin:0!important; text-align:left!important; } #listView #savedListingsList .dashboard-progress-cell .assignee-small, #listView #savedListingsList .dashboard-progress-cell .assignee-select, #listView #savedListingsList .dashboard-assignee{ margin:0!important; text-align:left!important; } /* Site state stays inside its own column, starting from the left. */ #listView #savedListingsList .dashboard-site-cell{ grid-template-columns:repeat(3,72px)!important; gap:6px!important; width:auto!important; max-width:none!important; } /* Keep rows compact. */ #listView #savedListingsList .dashboard-property-row{ min-height:68px!important; padding-top:6px!important; padding-bottom:6px!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:32px 90px 104px minmax(300px,1fr) 116px 205px 136px 220px 108px 80px!important; min-width:1440px!important; } #listView #savedListingsList{min-width:1440px!important;} } /* V11: use only the browser/page scrollbar. Remove the listing-only inner scroll container without changing data or row layout. */ #listView #batchPanel{ overflow:visible!important; } #listView #batchPanel .batch-scroll{ max-height:none!important; height:auto!important; overflow:visible!important; overflow-x:visible!important; overflow-y:visible!important; } /* V12: hide assignee UI ONLY inside /admin/listings list view. Do not change assignee data, APIs, registration form, staff pages, or any other screen. */ #listView #savedListingsList .assignee-small, #listView #savedListingsList .assignee-select, #listView #savedListingsList .dashboard-assignee, #listView #savedListingsList [aria-label="매물 담당자"], #listView #listingList .assignee-small, #listView #listingList .assignee-select, #listView #listingList [aria-label="매물 담당자"]{ display:none!important; visibility:hidden!important; width:0!important; min-width:0!important; max-width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } /* V14: ONLY fix 지역명/상세주소 line order. 큰 글씨 주소를 위로, 작은 글씨(건물명/동·호/층)를 아래로. No column width or other layout changes. */ #listView #savedListingsList .dashboard-address-cell{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; } #listView #savedListingsList .dashboard-address-main{ order:-1!important; } #listView #savedListingsList .dashboard-address-sub{ order:1!important; } /* V15: ONLY reduce 지역명/상세주소 column width by about 20%. Keep the address line order from V14 and do not change any other column behavior. */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:34px 94px 112px minmax(256px,0.8fr) 124px 220px 146px 238px 118px 84px!important; min-width:1476px!important; } #listView #savedListingsList{min-width:1476px!important;} @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:32px 90px 104px minmax(240px,0.8fr) 116px 205px 136px 220px 108px 80px!important; min-width:1380px!important; } #listView #savedListingsList{min-width:1380px!important;} } /* V16: only 지역명/상세주소 opens quick registration. Row-wide click navigation is disabled in batch-ui.js. */ #listView #savedListingsList .dashboard-property-row{ cursor:default!important; } #listView #savedListingsList .dashboard-address-cell{ cursor:pointer!important; } #listView #savedListingsList .dashboard-address-cell:hover .dashboard-address-main{ color:#0868ee!important; text-decoration:underline!important; text-underline-offset:2px!important; } /* V17: content-fit / left-aligned cells only. No data, API, click behavior, filters, pagination or external-site functions changed. */ /* Header + row share the exact same compact desktop column widths. Short fields use only the space they need; address/amount get the useful space. */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 82px 94px 330px 106px 292px 128px 228px 72px 70px !important; column-gap:6px!important; min-width:1486px!important; width:max-content!important; max-width:none!important; } #listView #savedListingsList{ min-width:1486px!important; width:max-content!important; max-width:none!important; } /* Every visible cell begins at its own left edge. */ #listView .listing-dashboard-head > *, #listView #savedListingsList .dashboard-property-row > *{ justify-self:start!important; justify-content:flex-start!important; justify-items:start!important; text-align:left!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } /* Number/type: compact, no artificial empty space. */ #listView #savedListingsList .dashboard-number-cell, #listView #savedListingsList .dashboard-type-cell{ width:auto!important; max-width:100%!important; } #listView #savedListingsList .dashboard-type-chip{ width:max-content!important; max-width:94px!important; } /* Address: useful width, two readable lines, no huge blank tail. */ #listView #savedListingsList .dashboard-address-cell{ width:330px!important; max-width:330px!important; align-items:flex-start!important; justify-content:center!important; } #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ width:100%!important; max-width:330px!important; text-align:left!important; } /* Area stays compact and entirely inside the area column. */ #listView #savedListingsList .dashboard-area-cell{ width:106px!important; max-width:106px!important; } /* Amount is wider so long rent/deposit values are not prematurely cut. */ #listView #savedListingsList .dashboard-deal-cell{ width:292px!important; max-width:292px!important; overflow:visible!important; } #listView #savedListingsList .dashboard-price-line{ width:100%!important; max-width:100%!important; display:flex!important; align-items:flex-start!important; gap:5px!important; overflow:visible!important; } #listView #savedListingsList .dashboard-price-line .property-price{ flex:1 1 auto!important; min-width:0!important; max-width:none!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; word-break:keep-all!important; line-height:1.18!important; } #listView #savedListingsList .dashboard-fee{ width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Requirement/status reason: show up to two lines instead of wasting width or hiding everything. */ #listView #savedListingsList .listing-readiness{ width:128px!important; max-width:128px!important; } #listView #savedListingsList .dashboard-readiness-issue{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; word-break:keep-all!important; } /* External-site buttons remain at the left edge of their cell. */ #listView #savedListingsList .dashboard-site-cell{ justify-self:start!important; justify-content:start!important; width:228px!important; max-width:228px!important; grid-template-columns:repeat(3,72px)!important; gap:6px!important; } /* Empty/auxiliary tail columns should not create a large visual gap. */ #listView #savedListingsList .dashboard-progress-cell{ width:72px!important; max-width:72px!important; } #listView #savedListingsList .dashboard-manage{ width:70px!important; max-width:70px!important; } /* Same idea on slightly narrower desktop widths; preserve column/data alignment. */ @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:30px 80px 90px 300px 102px 270px 122px 216px 66px 66px!important; min-width:1396px!important; width:max-content!important; } #listView #savedListingsList{min-width:1396px!important;width:max-content!important;} #listView #savedListingsList .dashboard-address-cell, #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{width:300px!important;max-width:300px!important;} #listView #savedListingsList .dashboard-area-cell{width:102px!important;max-width:102px!important;} #listView #savedListingsList .dashboard-deal-cell{width:270px!important;max-width:270px!important;} #listView #savedListingsList .listing-readiness{width:122px!important;max-width:122px!important;} #listView #savedListingsList .dashboard-site-cell{width:216px!important;max-width:216px!important;grid-template-columns:repeat(3,68px)!important;} #listView #savedListingsList .dashboard-progress-cell{width:66px!important;max-width:66px!important;} #listView #savedListingsList .dashboard-manage{width:66px!important;max-width:66px!important;} } /* V19: ONLY reduce the blank space after 지역명/상세주소. Keep every other column width/position/function unchanged. */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 82px 94px 264px 106px 292px 128px 228px 72px 70px !important; min-width:1420px!important; } #listView #savedListingsList{ min-width:1420px!important; } #listView #savedListingsList .dashboard-address-cell, #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ width:264px!important; max-width:264px!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns:30px 80px 90px 240px 102px 270px 122px 216px 66px 66px!important; min-width:1336px!important; } #listView #savedListingsList{min-width:1336px!important;} #listView #savedListingsList .dashboard-address-cell, #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ width:240px!important; max-width:240px!important; } } /* HANA V21 - list UI only Remove 수정/ellipsis management controls and let row height fit content. No data/API/Google Sheet/other column behavior changes. */ /* Remove the management column header and all visible management controls. */ #listView .listing-dashboard-head > span:last-child, #listView #savedListingsList .dashboard-manage, #listView #savedListingsList .dashboard-edit-link, #listView #savedListingsList .dashboard-menu, #listView #savedListingsList .listing-row-actions, #listView #listingList .listing-row-actions{ display:none!important; } /* Collapse the removed management column. Keep every other current column width unchanged. */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 34px 94px 112px minmax(256px,0.8fr) 124px 220px 146px 238px 118px !important; min-width:1390px!important; } #listView #savedListingsList{ min-width:1390px!important; } /* Let each row fit its actual visible content instead of keeping extra vertical space. */ #listView #savedListingsList .dashboard-property-row{ min-height:0!important; height:auto!important; padding-top:5px!important; padding-bottom:5px!important; align-items:center!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 32px 90px 104px minmax(240px,0.8fr) 116px 205px 136px 220px 108px !important; min-width:1300px!important; } #listView #savedListingsList{ min-width:1300px!important; } } /* V22 - top area only. Data rows/columns are untouched. */ #listView #batchPanel > h2{display:none!important;} #listView #batchPanel .listing-summary-action-row{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; min-height:42px!important; margin:0!important; padding:5px 8px!important; border-bottom:1px solid #edf1f5!important; background:#fff!important; box-sizing:border-box!important; } #listView #batchPanel .listing-summary-action-row .listing-dashboard-count{ order:1!important; margin:0!important; padding:0!important; color:#17375c!important; font-size:15px!important; font-weight:900!important; white-space:nowrap!important; } #listView #batchPanel .listing-summary-action-row .listing-dashboard-add{ order:2!important; margin:0!important; flex:none!important; } /* V23 - top placement only. Data rows/columns/functions are untouched. */ #listView #batchPanel > h2{display:none!important;} #listView > .listing-summary-action-row, #listView .listing-toolbar + .listing-summary-action-row{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; min-height:38px!important; margin:0 0 4px 0!important; padding:3px 8px!important; border:0!important; border-bottom:1px solid #edf1f5!important; background:#fff!important; box-sizing:border-box!important; } #listView .listing-summary-action-row .listing-dashboard-count{ order:1!important; margin:0!important; padding:0!important; color:#17375c!important; font-size:15px!important; font-weight:900!important; white-space:nowrap!important; } #listView .listing-summary-action-row .listing-dashboard-add{ order:2!important; margin:0!important; flex:none!important; } /* V25: add ONE representative-photo column after listing number. Existing column widths/functions stay unchanged; a 58px photo slot is inserted. */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 82px 58px 94px 264px 106px 292px 128px 228px 72px 70px !important; min-width:1484px!important; } #listView #savedListingsList{min-width:1484px!important;} #listView .listing-dashboard-head > span, #listView #savedListingsList .dashboard-photo-cell{ justify-self:start!important; text-align:left!important; } #listView #savedListingsList .dashboard-photo-cell{ width:50px!important; height:50px!important; min-width:50px!important; min-height:50px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; overflow:hidden!important; border-radius:6px!important; background:#f2f5f8!important; cursor:default!important; } #listView #savedListingsList .dashboard-photo-image{ display:block!important; width:50px!important; height:50px!important; max-width:50px!important; max-height:50px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:6px!important; } #listView #savedListingsList .dashboard-photo-empty{ width:50px!important; padding:0 2px!important; color:#8997a6!important; font-size:9px!important; font-weight:650!important; line-height:1.15!important; text-align:center!important; white-space:nowrap!important; } /* The thumbnail must fit inside the existing row rather than making a large row. */ #listView #savedListingsList .dashboard-property-row{ min-height:58px!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 80px 56px 90px 240px 102px 270px 122px 216px 66px 66px !important; min-width:1392px!important; } #listView #savedListingsList{min-width:1392px!important;} #listView #savedListingsList .dashboard-photo-cell, #listView #savedListingsList .dashboard-photo-image{ width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; max-width:48px!important; max-height:48px!important; } } /* V32_HEADER_ROW_ALIGNMENT_AUTHORITATIVE */ /* One shared 10-column grid for BOTH header and data rows. select | listing no | photo | type | address | area | amount | registration requirements | property status | progress */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ display:grid!important; grid-template-columns: 32px 90px 68px 100px 340px 110px 225px 130px 120px 245px !important; column-gap:6px!important; justify-content:start!important; align-items:center!important; width:max-content!important; min-width:1514px!important; max-width:none!important; box-sizing:border-box!important; } #listView #savedListingsList{ width:max-content!important; min-width:1514px!important; max-width:none!important; } /* All header labels and row cells start from the left edge of the same track. */ #listView .listing-dashboard-head > span, #listView #savedListingsList .dashboard-property-row > *{ justify-self:start!important; text-align:left!important; margin-left:0!important; margin-right:0!important; } #listView .listing-dashboard-head .listing-select-all, #listView #savedListingsList .dashboard-property-row > input[type="checkbox"]{ justify-self:center!important; } /* Photo: fixed inside its own 68px column. */ #listView #savedListingsList .dashboard-photo-cell{ width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin:0!important; padding:0!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-photo-image{ display:block!important; width:50px!important; height:50px!important; min-width:50px!important; max-width:50px!important; min-height:50px!important; max-height:50px!important; object-fit:cover!important; object-position:center!important; border-radius:6px!important; } #listView #savedListingsList .dashboard-photo-empty{ display:flex!important; align-items:center!important; justify-content:center!important; width:50px!important; height:50px!important; font-size:9px!important; white-space:nowrap!important; } /* Address: exactly its own 340px track, max two visual lines. */ #listView #savedListingsList .dashboard-address-cell{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; width:100%!important; min-width:0!important; max-width:340px!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; word-break:keep-all!important; text-align:left!important; } /* Keep area in area column only. */ #listView #savedListingsList .dashboard-area-cell{ width:100%!important; min-width:0!important; max-width:110px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-area-cell strong, #listView #savedListingsList .dashboard-area-cell small{ display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Keep amount in amount column only. */ #listView #savedListingsList .dashboard-deal-cell{ width:100%!important; min-width:0!important; max-width:225px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-price-line{ width:100%!important; min-width:0!important; align-items:flex-start!important; justify-content:flex-start!important; } #listView #savedListingsList .dashboard-price-line .property-price{ min-width:0!important; max-width:185px!important; white-space:normal!important; word-break:keep-all!important; } /* Registration requirements never invade neighboring tracks. */ #listView #savedListingsList .listing-readiness{ width:100%!important; min-width:0!important; max-width:130px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-readiness-issue{ max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Property status track: keep existing current-status content if any. */ #listView #savedListingsList .dashboard-progress-cell{ width:100%!important; min-width:0!important; max-width:120px!important; justify-self:start!important; justify-items:start!important; text-align:left!important; } /* Progress track: POS / Bank / Daangn stay together and left aligned. */ #listView #savedListingsList .dashboard-site-cell{ display:grid!important; grid-template-columns:repeat(3,72px)!important; gap:6px!important; width:228px!important; max-width:228px!important; justify-self:start!important; justify-content:start!important; text-align:left!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 86px 64px 96px 320px 106px 210px 124px 116px 228px !important; min-width:1434px!important; } #listView #savedListingsList{ min-width:1434px!important; } #listView #savedListingsList .dashboard-address-cell{ max-width:320px!important; } #listView #savedListingsList .dashboard-area-cell{ max-width:106px!important; } #listView #savedListingsList .dashboard-deal-cell{ max-width:210px!important; } #listView #savedListingsList .listing-readiness{ max-width:124px!important; } #listView #savedListingsList .dashboard-progress-cell{ max-width:116px!important; } } /* V33_PHOTO_ADDRESS_ORDER_AUTHORITATIVE */ /* Shared header/row grid: checkbox | listing no | photo | address | area | amount | readiness | property status | progress */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ display:grid!important; grid-template-columns: 32px 90px 68px 360px 110px 225px 130px 120px 245px !important; column-gap:6px!important; justify-content:start!important; align-items:center!important; width:max-content!important; min-width:1430px!important; max-width:none!important; box-sizing:border-box!important; } #listView #savedListingsList{ width:max-content!important; min-width:1430px!important; max-width:none!important; } #listView .listing-dashboard-head > span, #listView #savedListingsList .dashboard-property-row > *{ justify-self:start!important; text-align:left!important; margin-left:0!important; margin-right:0!important; } #listView .listing-dashboard-head .listing-select-all, #listView #savedListingsList .dashboard-property-row > input[type="checkbox"]{ justify-self:center!important; } /* photo */ #listView #savedListingsList .dashboard-photo-cell{ width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin:0!important; padding:0!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-photo-image{ display:block!important; width:50px!important; height:50px!important; min-width:50px!important; max-width:50px!important; min-height:50px!important; max-height:50px!important; object-fit:cover!important; object-position:center!important; border-radius:6px!important; } #listView #savedListingsList .dashboard-photo-empty{ display:flex!important; align-items:center!important; justify-content:center!important; width:50px!important; height:50px!important; font-size:9px!important; white-space:nowrap!important; } /* address stays independent from area */ #listView #savedListingsList .dashboard-address-cell{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; width:100%!important; min-width:0!important; max-width:360px!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; word-break:keep-all!important; text-align:left!important; } /* hide property-type cell only in this list, if a stale render still creates it */ #listView #savedListingsList .dashboard-type-cell{ display:none!important; } #listView #savedListingsList .dashboard-area-cell{ width:100%!important; max-width:110px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-deal-cell{ width:100%!important; max-width:225px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .listing-readiness{ width:100%!important; max-width:130px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-progress-cell{ width:100%!important; max-width:120px!important; justify-self:start!important; justify-items:start!important; text-align:left!important; } #listView #savedListingsList .dashboard-site-cell{ display:grid!important; grid-template-columns:repeat(3,72px)!important; gap:6px!important; width:228px!important; max-width:228px!important; justify-self:start!important; justify-content:start!important; text-align:left!important; } /* V36_PHOTO_SITE_PROGRESS_PRICE_AUTHORITATIVE */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ display:grid!important; grid-template-columns: 32px 90px 68px 360px 110px 225px 130px 238px 230px !important; column-gap:6px!important; justify-content:start!important; align-items:center!important; width:max-content!important; min-width:1531px!important; max-width:none!important; box-sizing:border-box!important; } #listView #savedListingsList{ width:max-content!important; min-width:1531px!important; max-width:none!important; } #listView .listing-dashboard-head > span, #listView #savedListingsList .dashboard-property-row > *{ justify-self:start!important; text-align:left!important; margin-left:0!important; margin-right:0!important; } #listView .listing-dashboard-head .listing-select-all, #listView #savedListingsList .dashboard-property-row > input[type="checkbox"]{ justify-self:center!important; } #listView #savedListingsList .dashboard-photo-cell{ width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin:0!important; padding:0!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-photo-image{ display:block!important; width:50px!important; height:50px!important; min-width:50px!important; max-width:50px!important; min-height:50px!important; max-height:50px!important; object-fit:cover!important; object-position:center!important; border-radius:6px!important; } #listView #savedListingsList .dashboard-photo-empty{ display:flex!important; align-items:center!important; justify-content:center!important; width:50px!important; height:50px!important; font-size:9px!important; white-space:nowrap!important; } #listView #savedListingsList .dashboard-type-cell{ display:none!important; } #listView #savedListingsList .dashboard-address-cell{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; width:100%!important; min-width:0!important; max-width:360px!important; overflow:hidden!important; } #listView #savedListingsList .dashboard-address-main, #listView #savedListingsList .dashboard-address-sub{ display:block!important; width:100%!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; word-break:keep-all!important; text-align:left!important; } #listView #savedListingsList .dashboard-area-cell{ width:100%!important; min-width:0!important; max-width:110px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-deal-cell{ width:100%!important; min-width:0!important; max-width:225px!important; overflow:hidden!important; text-align:left!important; } /* V36: make deposit/monthly price text as large as the main area text. Management fee remains small auxiliary text. */ #listView #savedListingsList .dashboard-area-cell strong, #listView #savedListingsList .dashboard-price-line .property-price{ font-size:15px!important; font-weight:900!important; line-height:1.18!important; } #listView #savedListingsList .dashboard-fee{ font-size:10px!important; font-weight:600!important; line-height:1.1!important; } #listView #savedListingsList .listing-readiness{ width:100%!important; min-width:0!important; max-width:130px!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .dashboard-site-cell{ display:grid!important; grid-template-columns:repeat(3,72px)!important; gap:6px!important; width:228px!important; max-width:228px!important; justify-self:start!important; justify-content:start!important; text-align:left!important; } #listView #savedListingsList .dashboard-progress-text-cell{ display:block!important; width:100%!important; min-width:0!important; max-width:230px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; word-break:keep-all!important; color:#536a82!important; font-size:11px!important; font-weight:650!important; line-height:1.3!important; text-align:left!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 86px 64px 320px 106px 210px 124px 228px 210px !important; min-width:1426px!important; } #listView #savedListingsList{ min-width:1426px!important; } #listView #savedListingsList .dashboard-address-cell{ max-width:320px!important; } #listView #savedListingsList .dashboard-area-cell{ max-width:106px!important; } #listView #savedListingsList .dashboard-deal-cell{ max-width:210px!important; } #listView #savedListingsList .listing-readiness{ max-width:124px!important; } #listView #savedListingsList .dashboard-progress-text-cell{ max-width:210px!important; } } /* V37 - ONLY visually replace the second listing header label with PHOTO. No JS/data/column/function changes. */ #listView .listing-dashboard-head > span:nth-of-type(2){ font-size:0!important; } #listView .listing-dashboard-head > span:nth-of-type(2)::after{ content:"사진"!important; font-size:13px!important; font-weight:900!important; color:inherit!important; line-height:1!important; } /* V38_REMOVE_PROGRESS_COLUMN_ONLY */ /* Visible list after removing progress: checkbox | listing no | photo | address | area | amount | requirements | property status */ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ display:grid!important; grid-template-columns: 32px 90px 68px 360px 110px 225px 130px 238px !important; column-gap:6px!important; justify-content:start!important; align-items:center!important; width:max-content!important; min-width:1295px!important; max-width:none!important; box-sizing:border-box!important; } #listView #savedListingsList{ width:max-content!important; min-width:1295px!important; max-width:none!important; } /* Hide any stale progress display if an old render leaves it behind. */ #listView #savedListingsList .dashboard-progress-text-cell, #listView #savedListingsList .dashboard-progress-cell{ display:none!important; } @media(max-width:1550px){ #listView .listing-dashboard-head, #listView #savedListingsList .dashboard-property-row{ grid-template-columns: 30px 86px 64px 320px 106px 210px 124px 228px !important; min-width:1210px!important; } #listView #savedListingsList{ min-width:1210px!important; } } /* list-visible-columns-fix.css */ /* 실제 10열 목록 정렬 */ #listView .hana-visible-list-head, #listView #savedListingsList .hana-visible-list-row{ width:100%!important; min-width:1250px!important; box-sizing:border-box!important; align-items:center!important; } /* ========================= 헤더 ========================= */ #listView .hana-visible-list-head{ min-height:32px!important; padding:0 7px!important; border-bottom: 1px solid #d9e2eb!important; background:#f2f5f8!important; color:#344a61!important; } #listView .hana-visible-list-head>*{ min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:10.5px!important; line-height:1!important; font-weight:800!important; text-align:center!important; } /* 주소 헤더 */ #listView .hana-visible-list-head> :nth-child(4){ text-align:left!important; } /* 금액 / 진행상황 */ #listView .hana-visible-list-head> :nth-child(6), #listView .hana-visible-list-head> :nth-child(9){ text-align:left!important; } /* ========================= 한 행 ========================= */ #listView #savedListingsList .hana-visible-list-row{ min-height:52px!important; padding:3px 7px!important; border-bottom: 1px solid #e5ebf1!important; background:#fff!important; } #listView #savedListingsList .hana-visible-list-row:hover{ background:#fafcff!important; } #listView #savedListingsList .hana-visible-list-row>*{ min-width:0!important; box-sizing:border-box!important; } /* 1 체크 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(1){ justify-self:center!important; } /* 2 매물번호 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(2){ text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* 3 매물종류 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(3){ text-align:center!important; overflow:hidden!important; } /* 4 주소 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(4){ min-width:0!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(4)>*{ min-width:0!important; max-width:100%!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(4) :first-child{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:12px!important; font-weight:850!important; line-height:15px!important; color:#142b46!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(4) small{ display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:9.5px!important; line-height:12px!important; color:#718399!important; } /* 5 면적 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(5){ text-align:right!important; white-space:nowrap!important; overflow:hidden!important; font-size:10.5px!important; } /* 6 금액 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(6){ min-width:0!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(6) *{ max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* 7 등록요건 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(7){ min-width:0!important; overflow:hidden!important; text-align:left!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(7) *{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:9.5px!important; } /* 8 매물상태 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(8){ text-align:center!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(8) select{ width:86px!important; height:27px!important; padding:0 5px!important; font-size:10px!important; } /* ========================= 9 진행상황 ========================= */ #listView #savedListingsList .hana-visible-list-row> :nth-child(9){ min-width:0!important; overflow:hidden!important; } #listView .hana-visible-list-row .dashboard-state-row{ min-height:16px!important; margin:0!important; padding: 0 2px!important; gap:3px!important; align-items:center!important; } #listView .hana-visible-list-row .hana-site-label{ flex:0 0 28px!important; width:28px!important; overflow:hidden!important; white-space:nowrap!important; font-size:9.5px!important; line-height:1!important; } #listView .hana-visible-list-row .listing-site-status{ font-size:9px!important; line-height:1!important; white-space:nowrap!important; } #listView .hana-visible-list-row .listing-site-actions{ gap:2px!important; } #listView .hana-visible-list-row .listing-site-actions button{ height:17px!important; min-height:17px!important; padding:0 3px!important; font-size:9px!important; line-height:1!important; } /* 10 관리 */ #listView #savedListingsList .hana-visible-list-row> :nth-child(10){ text-align:right!important; } #listView #savedListingsList .hana-visible-list-row> :nth-child(10) button{ min-height:21px!important; padding: 1px 5px!important; font-size:9.5px!important; } /* list-final-ui.css */ #listView .listing-dashboard-head, #savedListingsList .final-property-row{ display:grid !important; grid-template-columns: 34px minmax(280px,1.45fr) minmax(210px,1fr) minmax(135px,.68fr) minmax(180px,.9fr) minmax(220px,1.05fr) 145px; gap:12px; align-items:center; min-width:1180px; } #listView .listing-dashboard-head{ position:sticky; top:0; z-index:5; min-height:40px; padding:0 12px; background:#eef4fa; border-bottom: 1px solid #cfdae7; font-size:13px; font-weight:800; color:#253b53; } #savedListingsList .final-property-row{ min-height:70px !important; padding:8px 12px !important; border:0 !important; border-bottom: 1px solid #dfe7ef !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; } #savedListingsList .final-property-row:hover{ background:#f7fbff !important; } .dashboard-photo, .property-thumbnail{ display:none !important; } /* 매물 정보 */ #savedListingsList .dashboard-property{ display:flex; flex-direction:column; gap:3px; min-width:0; } #savedListingsList .dashboard-identity, #savedListingsList .dashboard-location{ display:flex; align-items:baseline; gap:5px 8px; flex-wrap:wrap; min-width:0; } #savedListingsList .listing-number{ color:#1768c8; font-size:12px; font-weight:850; } #savedListingsList .property-address{ font-size:14px; font-weight:900; color:#152b44; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #savedListingsList .property-building{ font-size:11.5px; color:#64768a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #savedListingsList .final-address-link{ cursor:pointer; } #savedListingsList .final-address-link:hover{ color:#086cf0; text-decoration:underline; text-underline-offset:3px; } #savedListingsList .dashboard-unit-floor{ display:inline-flex !important; gap:5px !important; margin:0 !important; font-size:11.5px; color:#607286; } #savedListingsList .dashboard-meta{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; } #savedListingsList .dashboard-current-status{ height:27px; font-size:11px; } /* 거래 정보 */ #savedListingsList .dashboard-deal{ display:flex; flex-direction:column; gap:3px; } #savedListingsList .dashboard-price-line{ display:flex; gap:6px; align-items:center; } #savedListingsList .property-price{ font-size:14px; font-weight:900; color:#0864e8; } #savedListingsList .listing-badge.trade{ font-size:11px; font-weight:850; color:#126bd2; background:#eaf3ff; border-radius:5px; padding:2px 5px; } #savedListingsList .dashboard-facts{ font-size:11.5px; color:#596d83; } /* 등록 요건 */ #savedListingsList .listing-readiness{ display:flex !important; flex-direction:column; align-items:flex-start !important; gap:2px !important; background:none !important; border:0 !important; padding:0 !important; } #savedListingsList .dashboard-readiness-text{ font-size:13px; font-weight:900; } #savedListingsList .listing-readiness.is-ready .dashboard-readiness-text{ color:#0a9e59; } #savedListingsList .listing-readiness:not(.is-ready) .dashboard-readiness-text{ color:#e23d49; } #savedListingsList .dashboard-readiness-issue{ font-size:10px; color:#73849a; max-width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* 외부등록 상태 */ #savedListingsList .dashboard-states{ display:flex !important; flex-direction:column; gap:3px; } #savedListingsList .dashboard-state-row{ display:flex !important; align-items:center !important; gap:5px !important; min-height:18px !important; padding:0 !important; border:0 !important; background:none !important; white-space:nowrap; overflow:hidden; } #savedListingsList .dashboard-state-row:before{ content:""; width:8px; height:8px; border-radius:50%; background:#9aa9ba; flex:0 0 8px; } #savedListingsList .dashboard-state-row.ok:before{ background:#10a862; } #savedListingsList .dashboard-state-row.work:before{ background:#1379ec; } #savedListingsList .dashboard-state-row.prep:before{ background:#7159de; } #savedListingsList .dashboard-state-row.bad:before{ background:#ed4050; } #savedListingsList .listing-site-status{ font-size:11.5px !important; font-weight:750 !important; color:#60748a; max-width:150px; overflow:hidden; text-overflow:ellipsis; } #savedListingsList .dashboard-state-row.ok .listing-site-status{ color:#119a5c; } #savedListingsList .dashboard-state-row.work .listing-site-status{ color:#126dce; } #savedListingsList .dashboard-state-row.bad .listing-site-status{ color:#df3c49; } /* 외부등록 실행 */ #savedListingsList .final-run-actions{ display:grid; grid-template-columns: repeat( 3, minmax(62px,1fr) ); gap:7px; } #savedListingsList .final-site-control{ display:flex !important; flex-direction:column !important; gap:3px !important; } #savedListingsList .final-site-main{ height:31px !important; padding:0 8px !important; border:0 !important; border-radius:6px !important; color:#fff !important; font-size:12px !important; font-weight:900 !important; } #savedListingsList .final-site-control [data-site="daangn-realty"]{ } #savedListingsList .final-site-control[data-site="daangn-realty"] .final-site-main{ background:#ff7929 !important; } #savedListingsList .final-site-control[data-site="rfine"] .final-site-main{ background:#126ee8 !important; } #savedListingsList .final-site-control[data-site="realty-bank"] .final-site-main{ background:#08a35b !important; } #savedListingsList .final-site-main:disabled{ opacity:.45; } #savedListingsList .final-caption{ text-align:center; font-size:9.5px; color:#7a899a; } #savedListingsList .final-site-register{ height:22px !important; font-size:10px !important; } /* 관리 */ #savedListingsList .dashboard-manage{ display:flex !important; justify-content:flex-end !important; gap:5px !important; align-items:center !important; } #savedListingsList .dashboard-edit-link, #savedListingsList .dashboard-copy-link{ height:30px !important; padding:0 10px !important; border:0 !important; border-radius:16px !important; background:#f2f6f9 !important; color:#3d5269 !important; font-size:11px !important; font-weight:800 !important; } #savedListingsList .dashboard-menu > summary{ width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-size:18px; color:#60758d; cursor:pointer; } /* 전체 리스트 */ #listView .batch-scroll{ overflow:auto; background:#fff; border:1px solid #e0e7ef; border-radius:9px; } #listView .listing-toolbar{ gap:8px !important; } #listView .listing-dashboard-count{ margin-left:auto; font-weight:850; } #listView .listing-dashboard-add{ background:#086cf0 !important; color:#fff !important; } @media(max-width:1280px){ #listView .listing-dashboard-head, #savedListingsList .final-property-row{ grid-template-columns: 30px minmax(245px,1.4fr) minmax(190px,1fr) 125px 175px 205px 130px; gap:9px; min-width:1080px; } } /* list-pagination-visible.css */ /* Listing pagination visibility only. No listing data/action behavior changes. */ @media (min-width:981px){ #listView .listing-dashboard-pager{ position:static!important; bottom:auto!important; z-index:auto!important; width:100%!important; box-sizing:border-box!important; background:#fff!important; box-shadow:none!important; } #listView .listing-page-label{ color:#334e68!important; } } /* list-auto-actions.css */ #listView .listing-dashboard-head.hana-auto-simple, #listView #savedListingsList .dashboard-property-row.hana-auto-simple{ display:grid!important; grid-template-columns:90px 68px 450px 110px 200px 60px 60px 95px!important; column-gap:9px!important; justify-content:start!important; align-items:center!important; min-width:1196px!important; width:100%!important; max-width:none!important; } #listView #savedListingsList .dashboard-property-row.hana-auto-simple{min-height:64px!important;padding:6px 10px!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>*{min-width:0!important;max-width:100%!important;grid-column:auto!important;justify-self:stretch!important;align-self:center!important;} #listView .listing-dashboard-head.hana-auto-simple>.listing-select-all{display:none!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>input[type=checkbox]{display:none!important;} #listView #savedListingsList .hana-list-area:not(:has(strong)){color:#8996a6!important;font-size:10px!important;} #listView .listing-dashboard-head.hana-auto-simple>span{display:block!important;font-size:11px!important;white-space:nowrap!important;} #listView .listing-dashboard-head.hana-auto-simple>span::after{content:none!important;} #listView #savedListingsList .hana-auto-address{cursor:pointer!important;overflow:hidden!important;} #listView #savedListingsList .hana-auto-address:hover .dashboard-address-main{text-decoration:underline!important;} #listView #savedListingsList .hana-auto-address{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;} #listView #savedListingsList .hana-address-heading{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0!important;width:100%!important;} #listView #savedListingsList .hana-address-type{flex:none!important;max-width:110px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;font-weight:600!important;color:#6a7b8f!important;white-space:nowrap!important;} #listView #savedListingsList .hana-address-title{display:block!important;flex:1!important;min-width:0!important;font-size:12px!important;font-weight:800!important;color:#172b43!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #listView #savedListingsList .hana-address-detail{display:block!important;font-size:10px!important;color:#6a7b8f!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #listView #savedListingsList .hana-list-area{display:flex!important;flex-direction:column!important;gap:2px!important;white-space:nowrap!important;font-size:11px!important;} #listView #savedListingsList .hana-list-area small{font-size:10px!important;color:#718299!important;} #listView #savedListingsList .hana-list-price{font-size:11px!important;font-weight:750!important;color:#17344f!important;white-space:nowrap!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple .dashboard-photo-cell{width:64px!important;height:52px!important;max-width:64px!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple .dashboard-photo-cell img{width:64px!important;height:52px!important;max-width:64px!important;object-fit:cover!important;border-radius:5px!important;} #listView #savedListingsList .hana-auto-type{font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #listView #savedListingsList .hana-auto-simple>.listing-readiness{display:block!important;white-space:nowrap!important;} #listView #savedListingsList .hana-auto-simple>.listing-readiness .dashboard-readiness-text{font-size:11px!important;} #listView #savedListingsList .hana-auto-simple>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;padding:2px 5px!important;border:1px solid #d4dce5!important;border-radius:5px!important;background:#fff!important;color:#24415f!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;} #listView #savedListingsList .hana-auto-simple>button:last-child{border-color:#aac4e7!important;color:#1260ba!important;} #listView #savedListingsList .hana-auto-simple>button:disabled{opacity:.5!important;cursor:not-allowed!important;} @media(max-width:700px){ #listView #savedListingsList{min-width:0!important;} #listView .listing-dashboard-head.hana-auto-simple{display:none!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple{display:grid!important;grid-template-columns:64px minmax(0,1fr) 88px!important;min-width:0!important;gap:5px 8px!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>*{grid-column:auto!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>.dashboard-photo-cell,#listView #savedListingsList .dashboard-property-row.hana-auto-simple>.hana-list-area{display:none!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>.hana-auto-address{grid-column:2 / 4!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>.hana-list-price{grid-column:1 / 4!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>button{grid-row:3!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>button:nth-last-child(3){grid-column:1!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>button:nth-last-child(2){grid-column:2!important;} #listView #savedListingsList .dashboard-property-row.hana-auto-simple>button:last-child{grid-column:3!important;} } .hana-auto-dialog{width:min(980px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #d8e4f0;border-radius:20px;box-shadow:0 24px 70px #0f285350;color:#183052;background:#f8fbff;overflow:auto} .hana-auto-dialog::backdrop{background:#0b1c3f8c;backdrop-filter:blur(3px)} .hana-auto-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px;background:linear-gradient(115deg,#0067ef,#004bc8);color:#fff} .hana-auto-head h2{margin:0;font-size:28px;line-height:1.2;font-weight:850;letter-spacing:-.04em;color:#fff} .hana-auto-head>.hana-auto-close{flex:none;width:38px;height:38px;padding:0;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;font-weight:400;cursor:pointer} .hana-auto-property{display:flex;flex-direction:column;gap:5px;margin:0 24px;padding:24px 8px 18px;border-bottom:1px solid #e3ebf4} .hana-auto-address{font-size:23px;line-height:1.3;font-weight:850;letter-spacing:-.03em;color:#11284a;overflow-wrap:anywhere} .hana-auto-meta{font-size:14px;line-height:1.4;font-weight:600;color:#526b94} .hana-auto-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 24px 12px;padding:12px;border:1px solid #ebf1f8;border-radius:14px;background:#f0f5fb} .hana-auto-overview-item{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:10px 13px;border-radius:10px;background:#fff;border:1px solid #e0e8f1} .hana-auto-overview-item strong{font-size:17px;color:#132d50}.hana-auto-overview-item span{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#53647c} .hana-auto-overview-item[data-site="rfine"]{border-left:4px solid #ef1740}.hana-auto-overview-item[data-site="realty-bank"]{border-left:4px solid #0767ed}.hana-auto-overview-item[data-site="daangn-realty"]{border-left:4px solid #f97300}.hana-auto-overview-item[data-site="hanbang"]{border-left:4px solid #00a665} .hana-auto-overview>.hana-auto-action{grid-column:1/-1;justify-self:end} .hana-auto-sites{display:grid;gap:10px;margin:0 24px} .hana-auto-site{--site-color:#2563eb;--site-tint:#eff6ff;position:relative;min-width:0;padding:16px 20px;border:1px solid color-mix(in srgb,var(--site-color) 17%,#fff);border-left:6px solid var(--site-color);border-radius:12px;background:linear-gradient(90deg,var(--site-tint),#fff 57%);box-shadow:0 2px 8px #1830520b} .hana-auto-site[data-site="rfine"]{--site-color:#ed173c;--site-tint:#fff1f3}.hana-auto-site[data-site="realty-bank"]{--site-color:#0868ed;--site-tint:#eef6ff}.hana-auto-site[data-site="daangn-realty"]{--site-color:#f97300;--site-tint:#fff5eb}.hana-auto-site[data-site="hanbang"]{--site-color:#00a665;--site-tint:#eefbf5} .hana-auto-site-info{display:flex;align-items:center;gap:14px}.hana-auto-site-info strong{min-width:54px;font-size:22px;font-weight:850;color:#112a4d}.hana-auto-state{display:inline-flex;align-items:center;min-height:27px;padding:3px 12px;border-radius:99px;background:color-mix(in srgb,var(--site-color) 13%,#fff);color:var(--site-color);font-size:13px;font-weight:800} .hana-auto-state[data-state="오류"],.hana-auto-state[data-state="수정 필요"],.hana-auto-state[data-state="로그인 필요"]{background:#ffe8eb;color:#d31936}.hana-auto-state[data-state="등록완료"]{background:#dbf9e9;color:#078c54} .hana-auto-work{margin-top:8px;font-size:14px;line-height:1.45;font-weight:650;color:#47617f;overflow-wrap:anywhere}.hana-auto-site[data-state="입력중"] .hana-auto-work{font-size:17px;color:#12365e}.hana-auto-work.is-live::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;vertical-align:1px;background:var(--site-color);animation:hana-auto-pulse 1s ease-in-out infinite}@keyframes hana-auto-pulse{50%{opacity:.3;transform:scale(.7)}} .hana-auto-progress{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;color:#8a9aad;font-size:11px;font-weight:700}.hana-auto-progress .is-complete{color:#268364}.hana-auto-progress .is-current{color:var(--site-color)} .hana-auto-recent{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;color:#74869a;font-size:11px} .hana-auto-number,.hana-auto-completed{display:inline-block;margin:8px 12px 0 0;font-size:12px;font-weight:750;color:#087c4f} .hana-auto-site-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.hana-auto-site-actions:empty{display:none} .hana-auto-action{min-height:34px;padding:6px 12px;border:1px solid var(--site-color,#1265df);border-radius:7px;background:var(--site-color,#1265df);color:#fff;font-size:12px;font-weight:750;cursor:pointer}.hana-auto-action:hover{filter:brightness(.93)}.hana-auto-action:disabled{opacity:.5;cursor:default} .hana-auto-site-actions>small{font-size:11px;color:#738196} .hana-auto-correction{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:12px}.hana-auto-correction label{display:grid;gap:4px;font-size:12px;font-weight:700}.hana-auto-correction input,.hana-auto-correction select{min-height:34px;min-width:170px;padding:5px 8px;border:1px solid #bad0e5;border-radius:6px;background:#fff;color:#183052} .hana-auto-message,.hana-auto-summary{margin:12px 24px 0;font-size:12px;color:#536b87}.hana-auto-message:empty{display:none}.hana-auto-summary{padding:14px 0 20px;border-top:1px solid #dce7f2;font-weight:650} @media(max-width:700px){.hana-auto-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:12px}.hana-auto-head{padding:18px}.hana-auto-head h2{font-size:21px}.hana-auto-property{margin:0 14px;padding:18px 2px 14px}.hana-auto-address{font-size:18px}.hana-auto-overview{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 14px}.hana-auto-overview-item{padding:8px}.hana-auto-overview-item strong{font-size:14px}.hana-auto-sites{margin:0 14px}.hana-auto-site{padding:13px}.hana-auto-site-info strong{font-size:18px}.hana-auto-message,.hana-auto-summary{margin-left:14px;margin-right:14px}} @media(prefers-reduced-motion:reduce){.hana-auto-work.is-live::before{animation:none}} /* Compact automatic registration status: four independent jobs without a large modal. */ .hana-auto-dialog{width:min(660px,calc(100vw - 20px));max-height:calc(100dvh - 20px);border-radius:13px} .hana-auto-head{padding:14px 20px}.hana-auto-head h2{font-size:21px}.hana-auto-head>.hana-auto-close{width:28px;height:28px;font-size:29px} .hana-auto-property{margin:0 16px;padding:13px 2px 11px;gap:2px}.hana-auto-address{font-size:17px}.hana-auto-meta{font-size:11px} .hana-auto-overview{gap:5px;margin:9px 16px;padding:7px;border-radius:9px}.hana-auto-overview-item{padding:6px 8px;gap:4px;border-radius:6px}.hana-auto-overview-item strong{font-size:12px}.hana-auto-overview-item span{font-size:10px} .hana-auto-overview>.hana-auto-action{min-height:28px;padding:3px 9px;font-size:10px} .hana-auto-sites{gap:6px;margin:0 16px}.hana-auto-site{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:9px 12px;border-left-width:4px;border-radius:8px} .hana-auto-site-info,.hana-auto-work,.hana-auto-progress,.hana-auto-recent,.hana-auto-checkpoint,.hana-auto-number,.hana-auto-completed{grid-column:1} .hana-auto-site-info{gap:8px}.hana-auto-site-info strong{min-width:33px;font-size:16px}.hana-auto-state{min-height:20px;padding:1px 8px;font-size:10px} .hana-auto-work{margin-top:1px;font-size:11px;line-height:1.3}.hana-auto-site[data-state="입력중"] .hana-auto-work{font-size:12px} .hana-auto-progress{gap:3px 7px;margin-top:4px;font-size:9px}.hana-auto-recent{gap:3px 8px;margin-top:3px;font-size:9px} .hana-auto-site-actions{grid-column:2;grid-row:1 / span 6;align-self:center;justify-content:flex-end;max-width:165px;margin:0}.hana-auto-action{min-height:28px;padding:4px 8px;font-size:10px} .hana-auto-correction{grid-column:1/-1;margin-top:5px}.hana-auto-number,.hana-auto-completed,.hana-auto-checkpoint{margin-top:3px;font-size:10px} .hana-auto-message,.hana-auto-summary{margin:8px 16px 0;font-size:10px}.hana-auto-summary{padding:9px 0 12px} @media(max-width:560px){.hana-auto-dialog{width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}.hana-auto-head{padding:12px 14px}.hana-auto-head h2{font-size:18px}.hana-auto-property{margin:0 11px}.hana-auto-address{font-size:15px}.hana-auto-overview{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 11px}.hana-auto-sites{margin:0 11px}.hana-auto-site{grid-template-columns:minmax(0,1fr)}.hana-auto-site-actions{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none;margin-top:5px}.hana-auto-message,.hana-auto-summary{margin-left:11px;margin-right:11px}} /* Runtime driven four-site conversational dashboard. */ .hana-auto-dialog{width:min(980px,calc(100vw - 20px));max-height:90dvh;background:#fff} .hana-auto-head{padding:15px 20px 3px;background:#fff;color:#102a50}.hana-auto-head h2{color:#102a50;font-size:22px}.hana-auto-head>.hana-auto-close{color:#627b9d} .hana-auto-property{margin:0 20px;padding:3px 0 13px;border-bottom:0;background:#fff}.hana-auto-address{font-size:14px}.hana-auto-meta{font-size:11px} .hana-auto-chat{margin:0 20px 11px;padding:12px;border:1px solid #dae6f4;border-radius:12px;background:#f9fbfe} .hana-auto-chat-log{display:flex;flex-direction:column;gap:6px;max-height:130px;overflow-y:auto;color:#244363;font-size:12px;line-height:1.45;white-space:pre-line} .hana-auto-chat-answer{align-self:flex-start;max-width:90%;padding:7px 10px;border-radius:8px;background:#eaf1fa}.hana-auto-chat-question{align-self:flex-end;max-width:85%;padding:7px 10px;border-radius:8px;background:#d8ebff;color:#174c8e} .hana-auto-chat-form{display:flex;gap:6px;margin-top:8px}.hana-auto-chat-form input{flex:1;min-width:0;height:34px;padding:6px 10px;border:1px solid #cddbef;border-radius:8px;background:#fff;color:#173551;font-size:12px}.hana-auto-chat-form button{min-width:48px;padding:5px 10px;border-radius:8px;background:#e2efff;color:#1262c7;font-size:12px} .hana-auto-sites{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 20px} .hana-auto-site{display:flex;flex-direction:column;min-height:138px;padding:13px 16px;border-left-width:5px;border-radius:11px;gap:0} .hana-auto-site-info strong{font-size:19px}.hana-auto-state{font-size:11px}.hana-auto-work{font-size:12px;line-height:1.4;margin-top:6px;animation:hana-auto-step-in .18s ease-out}.hana-auto-site[data-state="입력중"] .hana-auto-work{font-size:13px} .hana-auto-work.is-live::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor;vertical-align:middle;animation:hana-auto-pulse 1.2s ease-in-out infinite} @keyframes hana-auto-pulse{50%{opacity:.28;transform:scale(.7)}} @keyframes hana-auto-step-in{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.hana-auto-work,.hana-auto-work.is-live::before{animation:none}} .hana-auto-progress{margin-top:7px;gap:4px 7px;font-size:9px}.hana-auto-site-actions{display:flex;grid-row:auto;grid-column:auto;align-self:stretch;justify-content:stretch;max-width:none;margin-top:auto;padding-top:9px}.hana-auto-site-actions>.hana-auto-action{flex:1} .hana-auto-site-actions>small{align-self:center}.hana-auto-correction{margin-top:6px}.hana-auto-correction input,.hana-auto-correction select{min-width:130px} .hana-auto-progress .is-error{color:#c42e38;font-weight:700} .hana-auto-message{margin:6px 20px 0}.hana-auto-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 20px 0;padding:10px 0 13px;border-top:1px solid #dce7f2}.hana-auto-footer[hidden]{display:none!important} .hana-auto-summary{flex:1;min-width:250px;margin:0;padding:0;border:0;font-size:10px}.hana-auto-overview{display:flex;align-items:center;justify-content:flex-end;gap:0;margin:0;padding:0;border:0;background:transparent}.hana-auto-overview>.hana-auto-action{min-height:30px;padding:4px 10px;font-size:10px} .hana-auto-footer-close{min-width:49px;min-height:30px;background:#fff;color:#375476;border-color:#c7d8ed} @media(max-width:560px){.hana-auto-dialog{width:calc(100vw - 10px)}.hana-auto-head{padding:12px 13px 2px}.hana-auto-head h2{font-size:18px}.hana-auto-property,.hana-auto-chat,.hana-auto-message{margin-left:13px;margin-right:13px}.hana-auto-sites{grid-template-columns:1fr;margin:0 13px;gap:7px}.hana-auto-site{min-height:0;padding:10px 12px}.hana-auto-footer{margin:10px 13px 0}.hana-auto-summary{min-width:100%;order:0}.hana-auto-overview{order:1}.hana-auto-footer-close{order:2}} /* Compact blocker-first registration monitor. Runner state and actions remain unchanged. */ .hana-auto-dialog{width:min(860px,90vw);max-height:85dvh;border-radius:17px;color:#102744;background:#fff} .hana-auto-head{padding:14px 20px 9px}.hana-auto-heading{display:flex;align-items:center;gap:10px}.hana-auto-emblem{width:25px;height:25px;fill:none;stroke:#0868ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.hana-auto-head h2{font-size:20px;font-weight:850}.hana-auto-head>.hana-auto-close{width:30px;height:30px;font-size:30px} .hana-auto-property{margin:0 20px 10px;padding:12px 16px 14px;gap:5px;border:1px solid #d8e8fa;border-radius:12px;background:#f8fbff} .hana-auto-address-caption{font-size:12px;font-weight:750;color:#526882}.hana-auto-property>.hana-auto-address{font-size:clamp(25px,3vw,30px);line-height:1.2;font-weight:850;color:#0e2343} .hana-auto-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:inherit}.hana-auto-listing-number{font-size:20px;color:#102744}.hana-auto-listing-price{font-size:22px;color:#075fce} .hana-auto-summary{display:block;min-width:0;margin:0 20px 10px;padding:9px 12px;border:1px solid #e1eaf3;border-radius:9px;background:#f5f9fd;color:#253f60;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hana-auto-summary::before{content:"";display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#12a76d;vertical-align:middle} .hana-auto-missing{margin:0 20px 11px;padding:10px 12px;border:1px solid #f2cdd2;border-radius:11px;background:#fffafa} .hana-auto-missing[hidden]{display:none}.hana-auto-missing[data-empty="true"]{border-color:#cbead9;background:#f4fcf7} .hana-auto-missing-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#c82a38}.hana-auto-missing-head strong{font-size:16px}.hana-auto-missing-head span{padding:3px 9px;border-radius:99px;background:#ffe7ea;font-size:13px;font-weight:750;text-align:right}.hana-auto-missing[data-empty="true"] .hana-auto-missing-head{color:#167847}.hana-auto-missing[data-empty="true"] .hana-auto-missing-head span{background:#e0f6e9} .hana-auto-missing-row{display:flex;align-items:center;gap:10px;min-height:31px;margin-top:6px;padding:3px 5px;border-top:1px solid #f4e1e5;color:#233a58;font-size:14px} .hana-auto-missing-site{flex:none;min-width:38px;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--site-color) 12%,#fff);color:var(--site-color);font-weight:850;text-align:center}.hana-auto-missing-row[data-site="rfine"]{--site-color:#d92343}.hana-auto-missing-row[data-site="realty-bank"]{--site-color:#0868ed}.hana-auto-missing-row[data-site="daangn-realty"]{--site-color:#db6400}.hana-auto-missing-row[data-site="hanbang"]{--site-color:#078f55} .hana-auto-missing-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.hana-auto-missing-row>.hana-auto-action{min-height:29px;padding:3px 8px;border-color:#d9e2ef;background:#fff;color:#264461;font-size:12px} .hana-auto-sites{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 20px} .hana-auto-site{display:flex;flex-direction:column;min-height:115px;padding:10px 11px;border-left-width:4px;border-radius:10px;gap:0} .hana-auto-site[data-expanded="true"]{grid-column:1/-1;min-height:0}.hana-auto-site-info{gap:7px;flex-wrap:wrap}.hana-auto-site-info strong{min-width:0;font-size:18px}.hana-auto-state{min-height:22px;padding:2px 8px;font-size:12px} .hana-auto-work,.hana-auto-site[data-state="입력중"] .hana-auto-work{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:6px;color:#314b68;font-size:14px;line-height:1.35;font-weight:700} .hana-auto-site[data-expanded="true"] .hana-auto-work{display:block;overflow:visible}.hana-auto-site-actions{align-self:stretch;justify-content:stretch;gap:5px;margin-top:auto;padding-top:8px}.hana-auto-site-actions>.hana-auto-action{flex:1;min-height:34px;padding:5px 7px;font-size:13px} .hana-auto-detail{margin:7px 0 0;color:#314b68;font-size:13px;line-height:1.4} .hana-auto-progress,.hana-auto-recent{font-size:12px}.hana-auto-checkpoint,.hana-auto-number,.hana-auto-completed{font-size:12px} .hana-auto-correction label{font-size:13px}.hana-auto-correction input,.hana-auto-correction select{min-width:170px;font-size:13px} .hana-auto-field-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.hana-auto-field-tab{min-height:30px;padding:4px 9px;border:1px solid #c8d7e8;border-radius:6px;background:#fff;color:#274362;font-size:13px;font-weight:700}.hana-auto-field-tab[data-selected="true"]{border-color:var(--site-color);background:var(--site-tint);color:var(--site-color)} .hana-auto-message{margin:7px 20px 0;font-size:12px}.hana-auto-footer{justify-content:flex-end;margin:10px 20px 0;padding:10px 0 13px}.hana-auto-overview>.hana-auto-action{min-height:36px;padding:6px 13px;font-size:14px}.hana-auto-footer-close{min-height:36px;padding:5px 12px;font-size:14px} @media(max-width:700px){.hana-auto-dialog{width:min(90vw,860px);max-height:85dvh}.hana-auto-sites{grid-template-columns:repeat(2,minmax(0,1fr))}.hana-auto-site[data-expanded="true"]{grid-column:1/-1}.hana-auto-property>.hana-auto-address{font-size:25px}.hana-auto-listing-number{font-size:18px}.hana-auto-listing-price{font-size:19px}} @media(max-width:430px){.hana-auto-dialog{width:calc(100vw - 10px)}.hana-auto-head{padding:12px 13px 8px}.hana-auto-property,.hana-auto-summary,.hana-auto-missing,.hana-auto-message{margin-left:13px;margin-right:13px}.hana-auto-sites{grid-template-columns:1fr;margin:0 13px}.hana-auto-site[data-expanded="true"]{grid-column:1}.hana-auto-footer{margin-left:13px;margin-right:13px}.hana-auto-missing-head{align-items:flex-start;flex-direction:column;gap:2px}.hana-auto-meta{gap:4px 13px}} /* HANA_LIST_FONT_200_20261001 */ /* Listing screen only. No data, authentication, or automation changes. */ #listView .listing-dashboard-head.hana-auto-simple > span { font-size:22px!important; line-height:1.4!important; } #listView .listing-dashboard-head.hana-auto-simple { box-sizing:border-box!important; padding:8px 10px!important; } #listView #savedListingsList .dashboard-property-row.hana-auto-simple { box-sizing:border-box!important; min-height:96px!important; height:auto!important; padding:10px!important; line-height:1.4!important; } #listView #savedListingsList .dashboard-number-cell, #listView #savedListingsList .dashboard-number-cell * { font-size:28px!important; line-height:1.3!important; } #listView #savedListingsList .hana-address-heading { flex-wrap:wrap!important; gap:3px 8px!important; } #listView #savedListingsList .hana-address-title { font-size:24px!important; line-height:1.35!important; flex:1 1 260px!important; white-space:normal!important; overflow-wrap:anywhere!important; } #listView #savedListingsList .hana-address-type { font-size:20px!important; line-height:1.4!important; max-width:220px!important; } #listView #savedListingsList .hana-address-detail { font-size:20px!important; line-height:1.4!important; white-space:normal!important; overflow-wrap:anywhere!important; } #listView #savedListingsList .hana-list-area, #listView #savedListingsList .hana-list-area strong, #listView #savedListingsList .hana-list-price, #listView #savedListingsList .hana-list-price * { font-size:22px!important; line-height:1.4!important; } #listView #savedListingsList .hana-list-area small, #listView #savedListingsList .hana-list-area:not(:has(strong)) { font-size:20px!important; line-height:1.4!important; } #listView #savedListingsList .hana-list-price { white-space:normal!important; overflow-wrap:anywhere!important; } #listView #savedListingsList .hana-auto-type, #listView #savedListingsList .dashboard-readiness-text { font-size:22px!important; } #listView #savedListingsList .hana-auto-simple > button { font-size:22px!important; line-height:1.3!important; height:auto!important; min-height:46px!important; padding:7px 6px!important; } #listView #savedListingsList .dashboard-photo-cell, #listView #savedListingsList .dashboard-photo-cell span, #listView #savedListingsList .dashboard-photo-cell small { font-size:20px!important; line-height:1.2!important; white-space:normal!important; } /* Empty checkbox placeholder must not consume a visible column. */ #listView #savedListingsList .hana-auto-simple > span:empty { display:none!important; } @media(min-width:701px) { #listView .listing-dashboard-head.hana-auto-simple, #listView #savedListingsList .dashboard-property-row.hana-auto-simple { grid-template-columns:124px 72px minmax(340px,1fr) 124px 240px 78px 78px 132px!important; column-gap:8px!important; min-width:1280px!important; } } @media(max-width:700px) { #listView #savedListingsList .dashboard-property-row.hana-auto-simple { grid-template-columns:100px minmax(0,1fr) 132px!important; } } /* END HANA_LIST_FONT_200_20261001 */ /* HANA_LIST_FONT_ADJUST_20261001 */ #listView .listing-dashboard-head.hana-auto-simple > span{ font-size:19px!important; } #listView #savedListingsList .dashboard-property-row.hana-auto-simple{ min-height:86px!important; padding:8px 10px!important; } #listView #savedListingsList .hana-address-title{ font-size:21px!important; } #listView #savedListingsList .hana-address-type, #listView #savedListingsList .hana-address-detail{ font-size:17px!important; } #listView #savedListingsList .hana-list-area, #listView #savedListingsList .hana-list-area strong, #listView #savedListingsList .hana-list-price{ font-size:19px!important; } #listView #savedListingsList .hana-list-area small, #listView #savedListingsList .hana-list-area:not(:has(strong)){ font-size:17px!important; } #listView #savedListingsList .hana-auto-simple > button{ font-size:18px!important; min-height:40px!important; padding:5px 6px!important; } #listView #savedListingsList .dashboard-photo-cell, #listView #savedListingsList .dashboard-photo-cell span, #listView #savedListingsList .dashboard-photo-cell small{ font-size:16px!important; } /* END HANA_LIST_FONT_ADJUST_20261001 */ /* HANA_LIST_NUMBER_SIZE_FIX_20261001 */ #listView #savedListingsList .dashboard-number-cell, #listView #savedListingsList .dashboard-number-cell * { font-size:19px!important; line-height:1.35!important; font-weight:700!important; } /* END HANA_LIST_NUMBER_SIZE_FIX_20261001 */ .hana-auto-photo-summary{display:flex;align-items:center;gap:10px;margin-top:5px;color:#35624b;font-size:13px;font-weight:700} .hana-auto-photo-summary[data-status="PHOTO_REQUIRED"],.hana-auto-photo-summary[data-status="PHOTO_ACCESS_FAILED"]{color:#a73535} .hana-auto-photo-thumb{width:54px;height:44px;object-fit:cover;border-radius:6px;background:#eef2f6} /* HANA_MANAGEMENT_COLUMN_AND_FAST_THUMB_20261006 */ #listView .listing-dashboard-head.hana-auto-simple, #listView #savedListingsList .dashboard-property-row.hana-auto-simple{ grid-template-columns:90px 68px minmax(420px,1fr) 110px 200px minmax(310px,360px)!important; min-width:1260px!important; } #listView #savedListingsList .hana-list-manage{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:6px!important; min-width:0!important; width:100%!important; } #listView #savedListingsList .hana-list-manage>button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:54px!important; height:32px!important; padding:3px 8px!important; border:1px solid #d4dce5!important; border-radius:6px!important; background:#fff!important; color:#24415f!important; font-size:12px!important; font-weight:700!important; white-space:nowrap!important; cursor:pointer!important; } #listView #savedListingsList .hana-list-manage>button:last-child{ min-width:78px!important; border-color:#aac4e7!important; color:#1260ba!important; } #listView #savedListingsList .hana-list-manage>button:disabled{ opacity:.48!important; cursor:not-allowed!important; } #listView #savedListingsList .dashboard-photo-cell{ overflow:hidden!important; background:#f3f6f9!important; } #listView #savedListingsList .dashboard-photo-cell img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; opacity:1!important; transition:none!important; } @media(max-width:700px){ #listView #savedListingsList .dashboard-property-row.hana-auto-simple{ grid-template-columns:64px minmax(0,1fr) 88px!important; min-width:0!important; } #listView #savedListingsList .dashboard-property-row.hana-auto-simple>.hana-list-manage{ grid-column:1 / 4!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; } #listView #savedListingsList .hana-list-manage>button{width:100%!important;min-width:0!important;} } /* HANA_CONTROL_TOWER_LIVE_20261006 */ .hana-auto-dialog{ width:min(1040px,calc(100vw - 28px))!important; max-height:92dvh!important; border:1px solid #d8e4f2!important; border-radius:20px!important; background:#f7faff!important; box-shadow:0 30px 90px rgba(13,38,76,.28)!important; overflow:auto!important; } .hana-auto-dialog::backdrop{ background:rgba(10,24,49,.62)!important; backdrop-filter:blur(5px)!important; } .hana-auto-head{ position:sticky!important; top:0!important; z-index:8!important; padding:16px 22px!important; border-bottom:1px solid #dce8f6!important; background:rgba(255,255,255,.96)!important; backdrop-filter:blur(16px)!important; color:#102744!important; } .hana-auto-heading{display:flex!important;align-items:center!important;gap:12px!important} .hana-auto-emblem{ width:32px!important;height:32px!important; padding:6px!important; border-radius:10px!important; background:#eaf3ff!important; stroke:#0873ed!important; animation:hanaTowerFloat 3.2s ease-in-out infinite; } .hana-auto-title-wrap{display:flex!important;flex-direction:column!important;gap:2px!important} .hana-auto-head h2{margin:0!important;font-size:22px!important;line-height:1.1!important;color:#102744!important} .hana-auto-title-sub{font-size:11px!important;font-weight:700!important;color:#6b7f99!important;letter-spacing:.01em} .hana-auto-head>.hana-auto-close{ color:#5d718c!important; transition:transform .18s ease,background .18s ease!important; border-radius:9px!important; } .hana-auto-head>.hana-auto-close:hover{background:#eef4fb!important;transform:rotate(4deg) scale(1.05)!important} .hana-auto-property{ margin:16px 20px 10px!important; padding:14px 16px!important; border:1px solid #dce8f6!important; border-radius:14px!important; background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%)!important; box-shadow:0 5px 18px rgba(38,79,127,.06)!important; animation:hanaTowerEnter .24s ease-out both; } .hana-auto-property>.hana-auto-address{font-size:25px!important;line-height:1.25!important} .hana-auto-live{ margin:10px 20px!important; padding:14px 16px 12px!important; border:1px solid #d9e6f5!important; border-radius:14px!important; background:#fff!important; box-shadow:0 6px 22px rgba(24,66,116,.07)!important; overflow:hidden!important; animation:hanaTowerEnter .28s ease-out both; } .hana-auto-live[data-active="true"]{ border-color:#b9d8ff!important; box-shadow:0 8px 28px rgba(21,111,224,.12)!important; } .hana-auto-live[data-attention="true"]:not([data-active="true"]){border-color:#f0c6cb!important} .hana-auto-live-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding-bottom:10px!important; border-bottom:1px solid #edf2f8!important; } .hana-auto-live-head>strong{font-size:15px!important;color:#142d4d!important} .hana-auto-live-state{ display:inline-flex!important; align-items:center!important; gap:6px!important; min-height:25px!important; padding:3px 10px!important; border-radius:999px!important; background:#eef5ff!important; color:#0967d8!important; font-size:11px!important; font-weight:850!important; } .hana-auto-live[data-active="true"] .hana-auto-live-state::before{ content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#0f78ef!important; box-shadow:0 0 0 0 rgba(15,120,239,.36)!important; animation:hanaTowerPulse 1.5s ease-out infinite!important; } .hana-auto-live-log{ display:grid!important; gap:7px!important; margin-top:10px!important; max-height:250px!important; overflow:auto!important; scrollbar-width:thin!important; } .hana-auto-live-line{ --live-color:#71849a; display:grid!important; grid-template-columns:12px minmax(0,1fr)!important; gap:9px!important; align-items:start!important; padding:8px 10px!important; border-radius:10px!important; background:#f8fafc!important; animation:hanaTowerLineIn .22s ease-out both; } .hana-auto-live-line[data-site="rfine"]{--live-color:#e43452} .hana-auto-live-line[data-site="realty-bank"]{--live-color:#1674df} .hana-auto-live-line[data-site="daangn-realty"]{--live-color:#ef7914} .hana-auto-live-line[data-site="hanbang"]{--live-color:#15945f} .hana-auto-live-line[data-tone="working"]{ background:linear-gradient(90deg,color-mix(in srgb,var(--live-color) 9%,#fff),#fff)!important; outline:1px solid color-mix(in srgb,var(--live-color) 18%,#fff)!important; } .hana-auto-live-line[data-tone="done"]{background:#f3fbf6!important} .hana-auto-live-line[data-tone="attention"]{background:#fff8f8!important} .hana-auto-live-dot{ width:9px!important;height:9px!important;margin-top:6px!important;border-radius:50%!important; background:var(--live-color)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--live-color) 12%,transparent)!important; } .hana-auto-live-line[data-active="true"] .hana-auto-live-dot{animation:hanaTowerPulse 1.25s ease-out infinite!important} .hana-auto-live-body{min-width:0!important} .hana-auto-live-line-head{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:2px!important} .hana-auto-live-line-head strong{font-size:12px!important;color:#1a3557!important} .hana-auto-live-badge{ padding:2px 7px!important;border-radius:999px!important; background:color-mix(in srgb,var(--live-color) 10%,#fff)!important;color:var(--live-color)!important; font-size:10px!important;font-weight:850!important; } .hana-auto-live-copy{ position:relative!important; color:#405773!important;font-size:13px!important;font-weight:690!important;line-height:1.45!important; overflow-wrap:anywhere!important; } .hana-auto-live-copy.is-streaming{color:#173e69!important} .hana-auto-typing{ display:inline-flex!important;gap:3px!important;margin-left:7px!important;vertical-align:2px!important; } .hana-auto-typing::before,.hana-auto-typing::after,.hana-auto-typing{ --typing-dot:#1477e8; } .hana-auto-typing::before,.hana-auto-typing::after{ content:""!important;width:4px!important;height:4px!important;border-radius:50%!important;background:var(--typing-dot)!important; animation:hanaTypingDot 1.1s infinite ease-in-out!important; } .hana-auto-typing::after{animation-delay:.18s!important} .hana-auto-typing{width:4px!important;height:4px!important;border-radius:50%!important;background:var(--typing-dot)!important;animation:hanaTypingDot 1.1s .09s infinite ease-in-out!important} .hana-auto-live-time{display:block!important;margin-top:3px!important;color:#91a0b2!important;font-size:9px!important} .hana-auto-live-hint{display:block!important;margin-top:9px!important;color:#718399!important;font-size:10px!important} .hana-auto-live-skeleton{ position:relative!important;overflow:hidden!important;background:#f3f6fa!important;color:#738398!important; } .hana-auto-live-skeleton::after{ content:""!important;position:absolute!important;inset:0!important; background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.92) 45%,transparent 65%)!important; transform:translateX(-100%)!important;animation:hanaTowerShimmer 1.25s linear infinite!important; } .hana-auto-live-error{padding:12px!important;border-radius:9px!important;background:#fff0f2!important;color:#b3263e!important;font-size:13px!important;font-weight:750!important} .hana-auto-summary{ margin:8px 20px 10px!important; padding:8px 12px!important; border:0!important; border-radius:9px!important; background:#edf4fc!important; color:#355171!important; font-size:12px!important; } .hana-auto-summary::before{width:7px!important;height:7px!important;background:#1680ec!important} .hana-auto-missing{margin:0 20px 10px!important} .hana-auto-sites{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin:0 20px!important; } .hana-auto-site{ position:relative!important; min-height:154px!important; padding:14px 15px!important; border:1px solid color-mix(in srgb,var(--site-color) 18%,#dce5ef)!important; border-left:4px solid var(--site-color)!important; border-radius:13px!important; background:linear-gradient(145deg,var(--site-tint),#fff 58%)!important; box-shadow:0 5px 18px rgba(30,65,105,.06)!important; overflow:hidden!important; animation:hanaTowerCardIn .24s ease-out both; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } .hana-auto-site:hover{transform:translateY(-1px)!important;box-shadow:0 9px 24px rgba(30,65,105,.10)!important} .hana-auto-site[data-state="입력중"]{ box-shadow:0 8px 26px color-mix(in srgb,var(--site-color) 15%,transparent)!important; } .hana-auto-site[data-state="입력중"]::after{ content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important; background:linear-gradient(115deg,transparent 25%,color-mix(in srgb,var(--site-color) 7%,transparent) 48%,transparent 70%)!important; transform:translateX(-100%)!important;animation:hanaTowerSweep 2.4s ease-in-out infinite!important; } .hana-auto-site[data-expanded="true"]{grid-column:1/-1!important;min-height:0!important} .hana-auto-site-info{position:relative!important;z-index:1!important} .hana-auto-site-info strong{font-size:19px!important;color:#132f51!important} .hana-auto-state{font-size:11px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-color) 12%,transparent)!important} .hana-auto-work{ position:relative!important;z-index:1!important; min-height:39px!important; margin-top:7px!important; color:#334e6d!important;font-size:13px!important;line-height:1.45!important; } .hana-auto-work.is-live::before{width:7px!important;height:7px!important;animation:hanaTowerPulse 1.25s ease-out infinite!important} .hana-auto-mini-progress{ position:relative!important;z-index:1!important; width:100%!important;height:5px!important;margin-top:8px!important; border-radius:999px!important;background:#e8eef5!important;overflow:hidden!important; } .hana-auto-mini-progress>span{ display:block!important;height:100%!important;border-radius:inherit!important; background:linear-gradient(90deg,color-mix(in srgb,var(--site-color) 70%,#fff),var(--site-color))!important; transition:width .38s cubic-bezier(.22,.8,.32,1)!important; } .hana-auto-site[data-state="입력중"] .hana-auto-mini-progress>span{ background-size:180% 100%!important; animation:hanaProgressFlow 1.6s linear infinite!important; } .hana-auto-site-actions{position:relative!important;z-index:2!important} .hana-auto-action{ position:relative!important;overflow:hidden!important; transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important; } .hana-auto-action:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--site-color,#1265df) 22%,transparent)!important} .hana-auto-action:active:not(:disabled){transform:translateY(0) scale(.98)!important} .hana-auto-message:empty{display:none!important} .hana-auto-footer{ position:sticky!important;bottom:0!important;z-index:7!important; margin:12px 0 0!important;padding:12px 20px!important; border-top:1px solid #dce7f3!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important; } .hana-auto-overview>.hana-auto-action{ min-height:40px!important;padding:7px 16px!important;border-radius:9px!important; background:linear-gradient(135deg,#1479ed,#075dc8)!important; box-shadow:0 7px 18px rgba(16,104,211,.20)!important; } @keyframes hanaTowerEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}} @keyframes hanaTowerLineIn{from{opacity:.15;transform:translateX(-5px)}to{opacity:1;transform:none}} @keyframes hanaTowerCardIn{from{opacity:.2;transform:translateY(5px) scale(.992)}to{opacity:1;transform:none}} @keyframes hanaTowerPulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 7px transparent;opacity:.65}100%{box-shadow:0 0 0 0 transparent;opacity:1}} @keyframes hanaTowerShimmer{to{transform:translateX(100%)}} @keyframes hanaTowerSweep{0%,35%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}} @keyframes hanaProgressFlow{0%{filter:brightness(.92)}50%{filter:brightness(1.18)}100%{filter:brightness(.92)}} @keyframes hanaTypingDot{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}} @keyframes hanaTowerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} @media(max-width:720px){ .hana-auto-dialog{width:calc(100vw - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:14px!important} .hana-auto-head{padding:13px 14px!important} .hana-auto-emblem{width:28px!important;height:28px!important} .hana-auto-head h2{font-size:19px!important} .hana-auto-title-sub{font-size:9px!important} .hana-auto-property,.hana-auto-live,.hana-auto-summary,.hana-auto-missing,.hana-auto-message{margin-left:12px!important;margin-right:12px!important} .hana-auto-sites{grid-template-columns:1fr!important;margin:0 12px!important} .hana-auto-site[data-expanded="true"]{grid-column:1!important} .hana-auto-live-log{max-height:210px!important} .hana-auto-footer{padding:10px 12px!important} } @media(prefers-reduced-motion:reduce){ .hana-auto-emblem,.hana-auto-live-state::before,.hana-auto-live-line,.hana-auto-live-dot,.hana-auto-live-skeleton::after, .hana-auto-site,.hana-auto-site::after,.hana-auto-work.is-live::before,.hana-auto-mini-progress>span,.hana-auto-typing, .hana-auto-typing::before,.hana-auto-typing::after{animation:none!important;transition:none!important} } /* Registration jobs remain visible while the user works elsewhere in the app. */ .hana-auto-dialog{position:fixed!important;inset:auto 16px 16px auto!important;margin:0!important;box-sizing:border-box!important;width:min(420px,calc(100vw - 24px))!important;max-height:min(80dvh,650px)!important;z-index:12010!important;border-radius:12px!important;box-shadow:0 14px 36px #20364b35!important} .hana-auto-dialog::backdrop{display:none!important} .hana-auto-dialog .hana-auto-sites{grid-template-columns:1fr!important;margin:0 12px!important;gap:4px!important} .hana-auto-dialog .hana-auto-site{min-height:0!important;padding:8px 10px!important} .hana-auto-dialog .hana-auto-head{padding:10px 12px!important} .hana-auto-dialog .hana-auto-head h2{font-size:16px!important} .hana-auto-dialog .hana-auto-overview{display:none!important} .hana-auto-dialog .hana-auto-site{display:block!important;background:#fff!important;box-shadow:none!important;border:1px solid #e0e8f1!important;border-left:3px solid var(--site-color)!important} .hana-auto-dialog .hana-auto-site-info{display:grid!important;grid-template-columns:80px minmax(0,1fr) auto!important;gap:6px!important;align-items:center!important} .hana-auto-dialog .hana-auto-site-info strong{font-size:12px!important} .hana-auto-dialog .hana-auto-state{justify-self:start;font-size:11px!important} .hana-auto-dialog .hana-auto-site-time,.hana-auto-total-time{color:#607188;font-size:11px;white-space:nowrap} .hana-auto-dialog .hana-auto-work{margin:2px 0 0 80px!important;font-size:11px!important;line-height:1.25!important;-webkit-line-clamp:1!important;line-clamp:1!important} .hana-auto-dialog .hana-auto-mini-progress{margin:4px 0 0 80px!important} .hana-auto-dialog .hana-auto-site-actions{padding-top:4px!important;margin-left:80px!important} .hana-auto-dialog .hana-auto-site-actions:empty{display:none!important} .hana-auto-dialog .hana-auto-site[data-state="등록완료"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="등록 준비 완료"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="임시저장 확인"] .hana-auto-state{background:#e5f6eb!important;color:#16803a!important} .hana-auto-dialog .hana-auto-site[data-state="입력중"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="등록중"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="임시저장중"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="임시저장됨"] .hana-auto-state{background:#e7f1ff!important;color:#1766b5!important} .hana-auto-dialog .hana-auto-site[data-state="입력완료"] .hana-auto-state{background:#e7f1ff!important;color:#1766b5!important} .hana-auto-dialog .hana-auto-site[data-state="대기"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="대기중"] .hana-auto-state{background:#f1f3f6!important;color:#64748b!important} .hana-auto-dialog .hana-auto-site[data-state="사용자 확인"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="로그인 필요"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="수정 필요"] .hana-auto-state{background:#fff2df!important;color:#a95211!important} .hana-auto-dialog .hana-auto-site[data-state="오류"] .hana-auto-state,.hana-auto-dialog .hana-auto-site[data-state="실행 확인 필요"] .hana-auto-state{background:#ffe8e8!important;color:#b53030!important} .hana-auto-dialog .hana-auto-live{margin:7px 12px!important;padding:7px!important} .hana-auto-dialog .hana-auto-live-log{max-height:110px!important;overflow:auto!important} .hana-auto-dialog .hana-auto-event{font-size:10px;line-height:1.4;color:#506178} .hana-auto-dialog .hana-auto-timings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin:5px 0 0 80px;font-size:10px;color:#53647c} .hana-auto-dialog .hana-auto-timing-split{display:block;margin:4px 0 0 80px;color:#53647c} .hana-auto-dialog .hana-auto-minimize{border:0;background:transparent;font-size:20px;cursor:pointer;color:#607188} .hana-auto-minbar{position:fixed;right:16px;bottom:16px;z-index:12009;min-width:220px;border:1px solid #b8cee8;border-radius:9px;background:#173b62;color:#fff;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;box-shadow:0 8px 22px #18314835;cursor:pointer} .hana-auto-minbar[hidden]{display:none!important} /* Four site statuses stay above the fold; actions and diagnostics expand on demand. */ .hana-auto-dialog .hana-auto-head{min-height:46px!important;padding:6px 10px!important} .hana-auto-dialog .hana-auto-emblem{width:20px!important;height:20px!important} .hana-auto-dialog .hana-auto-title-sub{display:none!important} .hana-auto-dialog .hana-auto-property{margin:5px 10px 4px!important;padding:6px 8px!important;gap:2px!important} .hana-auto-dialog .hana-auto-address-caption,.hana-auto-dialog .hana-auto-photo-summary{display:none!important} .hana-auto-dialog .hana-auto-property>.hana-auto-address{font-size:13px!important;line-height:1.3!important;max-height:34px;overflow:hidden} .hana-auto-dialog .hana-auto-meta{display:flex!important;gap:10px!important;align-items:center!important;font-size:11px!important} .hana-auto-dialog .hana-auto-listing-number,.hana-auto-dialog .hana-auto-listing-price{font-size:12px!important} .hana-auto-dialog .hana-auto-summary{margin:3px 10px!important;padding:4px 8px!important;min-height:0!important;font-size:11px!important} .hana-auto-dialog .hana-auto-missing[data-empty="true"]{display:none!important} .hana-auto-dialog .hana-auto-sites{margin:3px 10px!important;gap:3px!important} .hana-auto-dialog .hana-auto-site{padding:5px 7px!important;border-radius:8px!important;animation:none!important} .hana-auto-dialog .hana-auto-site-info{grid-template-columns:37px minmax(0,1fr) auto 11px!important;gap:4px!important;cursor:pointer} .hana-auto-dialog .hana-auto-site-info:focus-visible{outline:2px solid #2776cd;outline-offset:2px} .hana-auto-dialog .hana-auto-site-info strong{font-size:11px!important} .hana-auto-dialog .hana-auto-state{padding:2px 4px!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hana-auto-dialog .hana-auto-site-chevron{font-size:12px;color:#64748b} .hana-auto-dialog .hana-auto-work{margin:2px 0 0 41px!important;min-height:0!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hana-auto-dialog .hana-auto-mini-progress{margin:3px 0 0 41px!important;height:2px!important} .hana-auto-dialog .hana-auto-site[data-expanded="false"] .hana-auto-site-actions{display:none!important} .hana-auto-dialog .hana-auto-site[data-expanded="true"] .hana-auto-site-actions{margin-left:41px!important} .hana-auto-dialog .hana-auto-footer{display:none!important} /* The registration workspace occupies the exact slide-out slot of the listing detail panel. */ .hana-auto-dialog[open]{ position:fixed!important;inset:0 0 0 auto!important;display:flex!important;flex-direction:column; width:min(420px,100vw)!important;height:100dvh!important;max-width:none!important;max-height:none!important; margin:0!important;padding:0!important;box-sizing:border-box!important; border:0!important;border-left:1px solid #e0e5e9!important;border-radius:0!important; background:#fff!important;box-shadow:-9px 0 26px #17293b1e!important; overflow-y:auto!important;overscroll-behavior:contain; transform:translateX(102%);transition:transform .26s cubic-bezier(.2,.75,.25,1)!important; } .hana-auto-dialog[open].is-open{transform:translateX(0)} .hana-auto-dialog .hana-auto-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px 12px;border-bottom:1px solid #edf0f2;background:#fff} .hana-auto-dialog .hana-auto-panel-tabs button{min-height:35px;border:1px solid #e0e6ed;border-radius:6px;background:#f5f7fa;color:#66778a;font:inherit;font-size:13px;font-weight:700;cursor:pointer} .hana-auto-dialog .hana-auto-panel-tabs button.is-active{border-color:#bfd8fa;background:#eaf3ff;color:#1261c4} .hana-auto-dialog .hana-auto-panel-tabs button[hidden]{visibility:hidden} .hana-auto-dialog .hana-auto-property{flex:none;margin:12px 16px 5px!important;padding:12px!important;border:1px solid #e1eaf4!important;border-radius:8px!important;background:#f8fbff!important} .hana-auto-dialog .hana-auto-property>.hana-auto-address{font-size:14px!important;max-height:48px} .hana-auto-dialog .hana-auto-meta{font-size:12px!important} .hana-auto-dialog .hana-auto-summary{flex:none;margin:4px 16px 8px!important;padding:7px 10px!important;font-size:12px!important} .hana-auto-dialog .hana-auto-section-title{flex:none;margin:10px 16px 8px;color:#26384d;font-size:14px;font-weight:750} .hana-auto-dialog .hana-auto-sites{flex:none;margin:0 16px!important;gap:7px!important} .hana-auto-dialog .hana-auto-site{min-height:60px!important;padding:10px 11px!important;border-radius:8px!important} .hana-auto-dialog .hana-auto-site-info{grid-template-columns:48px minmax(0,1fr) auto 12px!important;gap:7px!important} .hana-auto-dialog .hana-auto-site-info strong{font-size:13px!important} .hana-auto-dialog .hana-auto-state{font-size:11px!important} .hana-auto-dialog .hana-auto-work{margin:5px 0 0 55px!important;font-size:11px!important} .hana-auto-dialog .hana-auto-mini-progress{margin:7px 0 0 55px!important;height:4px!important} .hana-auto-dialog .hana-auto-site[data-expanded="true"] .hana-auto-site-actions{margin-left:55px!important} .hana-auto-dialog .hana-auto-footer{position:sticky;bottom:0;z-index:5;display:flex!important;flex:none;align-items:center;gap:8px;margin:auto 0 0!important;padding:12px 16px!important;border-top:1px solid #e6ebf0;background:#fff} .hana-auto-dialog .hana-auto-footer .hana-auto-overview{display:flex!important;flex:1;min-width:0;margin:0!important;padding:0!important} .hana-auto-dialog .hana-auto-footer .hana-auto-overview button{width:100%;min-height:40px;border-radius:6px;font-size:12px;font-weight:750} .hana-auto-dialog .hana-auto-footer-close{min-height:40px;min-width:66px;border-radius:6px} @media(prefers-reduced-motion:reduce){.hana-auto-dialog[open]{transition:none!important}} /* Keep company and import list typography aligned with the main property list. */ #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) .listing-dashboard-head.hana-auto-simple > span{font-size:13px!important;line-height:1.35!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-property-row.hana-auto-simple{font-size:15px!important;line-height:1.38!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-number-cell, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-number-cell *{font-size:14px!important;line-height:1.35!important;font-weight:650!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-address-title{font-size:15px!important;line-height:1.32!important;font-weight:600!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-address-type, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-address-detail{font-size:12.5px!important;line-height:1.28!important;font-weight:400!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-area, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-area strong, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-price{font-size:15px!important;line-height:1.35!important;font-weight:600!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-area small, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-area:not(:has(strong)){font-size:13px!important;line-height:1.28!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-photo-cell, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-photo-cell span, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-photo-cell small{font-size:11px!important;line-height:1.2!important;} #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .hana-list-manage > button{font-size:12px!important;font-weight:600!important;} /* Shared Pretendard family for company and import rows. */ #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-property-row.hana-auto-simple, #listView:is(:has(button[data-scope="company"][aria-pressed="true"]),:has(button[data-scope="archive"][aria-pressed="true"])) #savedListingsList .dashboard-property-row.hana-auto-simple *:not(svg):not(path):not(.material-icons):not(.material-symbols-outlined){font-family:"Pretendard Variable",Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif!important;letter-spacing:-.02em;} /* registration-position-only.css */ /* * Hana property registration: geometry-only reflow (2026-10-09). * The app / register card width, saved values, inputs, names, event listeners, * legal-registry bridge and automation pipeline are untouched. * Applied after existing stylesheet declarations. */ @media (min-width:1100px) { /* Keep the exact existing parent-card dimensions; change its inner grid only. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; grid-auto-flow:row!important; gap:10px 8px!important; align-items:start!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > .location-field-pair { display:contents!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > .location-field-pair > label { min-width:0!important; max-width:none!important; width:auto!important; margin:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label.property-kind-first { grid-column:1/span 6!important; grid-row:1!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label.property-use-second { grid-column:7/span 6!important; grid-row:1!important; } /* Address + its existing search button are a SINGLE unchanged control. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label:has(input[name="address"]) { display:grid!important; grid-column:1/span 7!important; grid-row:2!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:auto minmax(34px,auto) auto!important; column-gap:7px!important; row-gap:4px!important; align-content:start!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location label:has(input[name="address"]) > .field-heading { grid-row:1!important; grid-column:1/-1!important; margin:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location label:has(input[name="address"]) > input[name="address"] { grid-column:1!important; grid-row:2!important; width:100%!important; max-width:none!important; min-width:0!important; align-self:stretch!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location label:has(input[name="address"]) > #addressSearchButton { grid-column:2!important; grid-row:2!important; width:auto!important; min-width:90px!important; max-width:115px!important; margin:0!important; align-self:stretch!important; white-space:nowrap; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location label:has(input[name="address"]) > #addressLookupStatus { grid-row:3!important; grid-column:1/-1!important; margin:0!important; min-width:0!important; } /* The 'dong' control needs at most four digits: about 120px, not half a card. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > .location-field-pair > label:has([name="building"]) { grid-column:8/span 2!important; grid-row:2!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > .location-field-pair > label:has([name="unit"]) { grid-column:10/span 3!important; grid-row:2!important; } /* Compact third row: building name / violation status / floor disclosure. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label:has([name="buildingName"]) { grid-column:1/span 4!important; grid-row:3!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label:has([name="illegalBuilding"]) { grid-column:5/span 3!important; grid-row:3!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > .floor-exposure-choice { grid-column:8/span 5!important; grid-row:3!important; min-width:0!important; display:flex!important; align-content:start!important; align-items:center!important; flex-wrap:wrap!important; gap:6px 9px!important; padding:0!important; margin:0!important; font-size:12px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location .floor-exposure-choice > strong { flex-basis:100%; min-width:0!important; margin-bottom:1px!important; font-size:12px!important; line-height:19px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location .floor-exposure-choice > label { display:inline-flex!important; gap:4px!important; width:auto!important; max-width:100%!important; white-space:nowrap!important; font-size:11px!important; line-height:18px!important; } /* Other conditional property-type fields keep their original data/functions. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > .fields > label:has([name="detailAddress"]) { grid-column:span 6!important; } /* Price controls: existing trade source, numeric amount and loan options, all in one row for sale / jeonse / monthly. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields { display:grid!important; grid-template-columns:repeat(12,minmax(0,1fr))!important; gap:10px 8px!important; align-items:start!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > .loan-field-pair { display:contents!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > label, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > .loan-field-pair > label { width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > label:has([name="tradeType"]) { grid-column:span 3!important; grid-row:1!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > label.sale-only, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > label.rent-only { grid-column:span 3!important; grid-row:1!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > .loan-field-pair > label:has([name="loanAmount"]), body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields > .loan-field-pair > label:has([name="loanDisplayMode"]) { grid-column:span 3!important; grid-row:1!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(> label.monthly-only:not([hidden])) > label:has([name="tradeType"]), body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(> label.monthly-only:not([hidden])) > label.rent-only { grid-column:span 2!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price .choice-segment { display:flex!important; flex-wrap:nowrap!important; gap:3px!important; margin-top:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price .choice-segment button { flex:1 1 0!important; min-width:0!important; min-height:34px!important; padding:5px 3px!important; font-size:12px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price .loan-amount-field { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; column-gap:3px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price .loan-amount-field > .loan-unit { grid-column:2!important; white-space:nowrap; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price #priceCalculation { position:absolute!important; top:17px!important; right:20px!important; margin:0!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:5px!important; } /* Keep the owner record and its existing action button; just distribute widths. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:auto auto auto!important; column-gap:10px!important; align-items:start!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > h2, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > p { grid-column:1/-1!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .fields { grid-column:1!important; grid-row:3!important; display:grid!important; grid-template-columns:132px 185px 160px!important; gap:8px!important; align-items:end!important; min-width:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .fields > label { display:block!important; width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .fields input, body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .fields select { width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .owner-summary { grid-column:2!important; grid-row:3!important; display:flex!important; align-items:center!important; flex-wrap:wrap!important; justify-content:flex-end!important; gap:4px!important; margin:0!important; padding:0!important; align-self:end!important; max-width:260px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .owner-summary > * { flex:none!important; } /* Five facility fields in the same existing card and the same DOM order. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-facilities > .facility-primary { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:8px!important; align-items:start!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-facilities > .facility-primary > label { width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; flex:auto!important; white-space:normal!important; font-size:12px!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-facilities > .facility-primary select { width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } /* The original complex selection remains usable under Additional information. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-location > details.additional-fields > .fields > label:has([name="complexName"]) { width:min(100%,360px)!important; max-width:100%!important; min-width:0!important; grid-column:span 1!important; position:relative!important; } } /* Visually balanced columns; parent card width stays unchanged. */ @media (min-width:1100px) { /* When 월세 adds a fifth price field, all five have matching widths. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(>label.monthly-only:not([hidden])) { grid-template-columns:repeat(5,minmax(0,1fr))!important; } body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(>label.monthly-only:not([hidden])) > label:has([name="tradeType"]), body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(>label.monthly-only:not([hidden])) > label.rent-only:not([hidden]), body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-price > .fields:has(>label.monthly-only:not([hidden])) > .loan-field-pair > label { grid-column:span 1!important; grid-row:1!important; } /* Only four facility fields are visible for non-officetels; distribute them evenly rather than leaving an empty fifth slot. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #registration-facilities > .facility-primary:has(>.officetel-eligibility[hidden]) { grid-template-columns:repeat(4,minmax(0,1fr))!important; } /* Leave the original owner save control at the far right, with less unused space. */ body.clean-registration.has-sidebar #registerView.content-fixed #listingForm #hana-owner-section > .fields { grid-template-columns:150px 190px 175px!important; } } /* Archive uses the existing listing row; add room for the import action. */ #listView:has(button[data-scope="archive"][aria-pressed="true"]) #savedListingsList .hana-list-manage{flex-wrap:wrap!important} #listView:has(button[data-scope="archive"][aria-pressed="true"]) #savedListingsList .hana-list-manage>button:last-child{min-width:148px!important;width:auto!important;padding-inline:10px!important;white-space:nowrap!important}