/* DARKO v13.11.1: public nickname UI. Existing mobile/listing/pagination CSS is unchanged. */
.listing-publisher{font-size:1rem;line-height:1.5;color:#365a4a;margin:8px 0 16px;overflow-wrap:anywhere}
.listing-publisher strong{color:#174d38;font-weight:750}
.publisher-reference{display:inline-block;font-size:.85em;font-weight:600;background:#edf5ef;border-radius:6px;padding:1px 7px;margin-left:4px;white-space:nowrap}
#detailPublisher .listing-publisher{font-size:1.0625rem;margin:8px 0 20px}
.public-name-notice{border-bottom:1px solid #d4e4d9;background:#edf5ef;color:#244c39}
.public-name-notice-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px}
.public-name-notice-inner>div{min-width:0}
.public-name-notice strong{font-size:1.0625rem;overflow-wrap:anywhere}
.public-name-notice p{margin:4px 0 0;line-height:1.6;font-size:1rem;max-width:60rem}
.public-name-notice button{flex:0 0 auto;min-height:48px;font-size:1rem;white-space:normal}
#publicNameModal{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;overflow:auto;padding:28px;border:0;border-radius:24px;color:#173d32;background:#fff}
#publicNameModal .modal-head{display:flex;align-items:flex-start;gap:16px}
#publicNameModal h2{margin:0;font-size:1.75rem;line-height:1.25;overflow-wrap:anywhere;flex:1}
#publicNameClose{flex:0 0 44px;min-width:44px;min-height:44px}
#publicNameHelp{font-size:1.0625rem;line-height:1.65}
#publicNameForm>label:not(.public-name-ack){display:block;font-weight:750;margin:18px 0 8px}
#publicNameInput{width:100%;box-sizing:border-box;border:1px solid #b8d2c3;border-radius:12px;min-height:50px;font:inherit;font-size:1.0625rem;color:#173d32;background:#fff;padding:12px}
.public-name-help{font-size:1rem!important;font-weight:400;line-height:1.6;color:#365a4a;margin:8px 0 12px}
.auth-form .public-name-help{margin-top:8px;margin-bottom:12px}
.public-name-ack,.auth-form label.public-name-ack{display:flex!important;align-items:flex-start;gap:12px;padding:14px 12px;margin:14px 0 18px;background:#edf5ef;border:1px solid #c9dfcf;border-radius:12px;cursor:pointer;font-size:1rem!important;line-height:1.55;font-weight:550}
.public-name-ack input[type=checkbox],.auth-form .public-name-ack input[type=checkbox]{appearance:auto;width:22px!important;min-width:22px;max-width:22px;height:22px!important;min-height:22px;flex:0 0 22px;padding:0!important;margin:2px 0 0!important;accent-color:#187552}
.public-name-ack span{min-width:0;overflow-wrap:anywhere}
#publicNameModal .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#publicNameModal .form-actions .btn{font:inherit;font-weight:750;min-height:48px}
#publicNameModal :focus-visible,.public-name-ack:focus-within,#publicNameOpen:focus-visible{outline:3px solid #187552;outline-offset:3px}
#publicNameModal button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.public-name-notice-inner{display:flex;flex-direction:column;align-items:stretch;gap:12px}.public-name-notice button{width:100%}#publicNameModal{padding:22px 18px}#publicNameModal h2{font-size:1.5rem}#publicNameModal .form-actions .btn{flex:1 1 150px}.listing-publisher{font-size:1rem}}


/* DARKO v13.13 — simple, mobile-friendly verification notice */
.email-verification-notice{background:#fff6df;border-bottom:1px solid #ead4a5;color:#604b23}
.email-verification-notice[hidden]{display:none!important}
.email-verification-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;padding-bottom:15px}
.email-verification-inner>div{min-width:0}
.email-verification-inner strong{font-size:1.0625rem;line-height:1.45}
.email-verification-inner p{line-height:1.5;margin:4px 0 0;font-size:.95rem;max-width:56rem}
.email-verification-inner button{min-height:46px;flex:0 0 auto;max-width:100%;white-space:normal}
.email-verification-inner button:disabled{cursor:not-allowed;opacity:.62}
@media(max-width:600px){.email-verification-inner{flex-direction:column;align-items:stretch}.email-verification-inner button{width:100%}}