/* Taktaz client area UI - design layer over coowhm-plus (loaded by includes/hooks/taktaz_client_ui.php) */
html.tcu{
  --tc-p:#5b5bd6;--tc-p2:#7c3aed;--tc-ps:#eef0ff;--tc-pb:#d9dcfb;
  --tc-h:#1e293b;--tc-t:#334155;--tc-m:#64748b;--tc-l:#94a3b8;
  --tc-b:#e6e9f2;--tc-b2:#eef1f6;--tc-bg:#f7f8fc;--tc-card:#fff;
  --tc-ok:#16a34a;--tc-oks:#e8f8ee;--tc-wa:#d97706;--tc-was:#fff4e0;--tc-er:#dc2626;--tc-ers:#fdecec;--tc-in:#0284c7;--tc-ins:#e6f4fb;
  --tc-r:14px;--tc-r2:10px;--tc-sh:0 1px 2px rgba(15,23,42,.04),0 6px 18px -10px rgba(15,23,42,.14);
  --tc-gap:14px;
}

/* ---------- page frame ---------- */
html.tcu #main-body .header-lined{display:flex;align-items:center;gap:10px;min-height:0;padding:14px 20px;border-bottom:1px solid var(--tc-b2)}
html.tcu #main-body .header-lined h1{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;font-size:16px;font-weight:800;color:var(--tc-h);line-height:1.6}
html.tcu #main-body .header-lined h1::before{content:"";align-self:center;width:4px;height:18px;border-radius:4px;background:linear-gradient(180deg,var(--tc-p),var(--tc-p2))}
html.tcu #main-body .header-lined h1 small{font-size:12.5px;font-weight:500;color:var(--tc-m)}
html.tcu #main-body .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 var(--tc-gap);padding:8px 14px;background:var(--tc-bg);border:1px solid var(--tc-b2);border-radius:var(--tc-r2);font-size:12.5px}
html.tcu #main-body .breadcrumb>li{float:none}
html.tcu #main-body .breadcrumb>li a{color:var(--tc-p);font-weight:600}
html.tcu #main-body .breadcrumb>.active{color:var(--tc-m)}

/* ---------- buttons ---------- */
html.tcu .main-content .btn{border-radius:var(--tc-r2);font-weight:700;font-size:13px;line-height:1.5;padding:8px 16px;box-shadow:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;text-shadow:none;background-image:none}
html.tcu .main-content .btn-sm,html.tcu .main-content .btn-xs{padding:5px 11px;font-size:12px;border-radius:8px}
html.tcu .main-content .btn-lg{padding:11px 22px;font-size:14px}
html.tcu .main-content .btn-primary,html.tcu .main-content .btn-info,html.tcu .main-content .btn-success.btn-primary{background:var(--tc-p);border:1px solid var(--tc-p);color:#fff}
html.tcu .main-content .btn-primary:hover,html.tcu .main-content .btn-primary:focus,html.tcu .main-content .btn-info:hover,html.tcu .main-content .btn-info:focus{background:#4b4bc4;border-color:#4b4bc4;color:#fff;box-shadow:0 6px 16px -8px rgba(91,91,214,.8)}
html.tcu .main-content .btn-default{background:#fff;border:1px solid var(--tc-b);color:var(--tc-t)}
html.tcu .main-content .btn-default:hover,html.tcu .main-content .btn-default:focus{background:var(--tc-ps);border-color:var(--tc-pb);color:var(--tc-p)}
html.tcu .main-content .btn-success{background:var(--tc-ok);border:1px solid var(--tc-ok);color:#fff}
html.tcu .main-content .btn-success:hover{background:#12873e;border-color:#12873e;color:#fff}
html.tcu .main-content .btn-danger{background:var(--tc-ers);border:1px solid #f6caca;color:var(--tc-er)}
html.tcu .main-content .btn-danger:hover,html.tcu .main-content .btn-danger:focus{background:var(--tc-er);border-color:var(--tc-er);color:#fff}
html.tcu .main-content .btn-warning{background:var(--tc-was);border:1px solid #f7d9a6;color:#b45309}
html.tcu .main-content .btn-warning:hover{background:var(--tc-wa);border-color:var(--tc-wa);color:#fff}
html.tcu .main-content .btn.disabled,html.tcu .main-content .btn[disabled]{opacity:.55}

/* ---------- forms ---------- */
html.tcu .main-content label,html.tcu .main-content .control-label{font-size:12.5px;font-weight:700;color:var(--tc-t);margin-bottom:6px}
html.tcu .main-content .form-group{margin-bottom:14px}
html.tcu .main-content .form-control{height:42px;padding:8px 12px;border:1.5px solid #dfe4ec;border-radius:var(--tc-r2);background-color:#fff;color:var(--tc-h);font-size:13px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
html.tcu .main-content textarea.form-control{height:auto;min-height:110px;line-height:1.9}
html.tcu .main-content select.form-control{padding-top:6px;padding-bottom:6px}
html.tcu .main-content .form-control:focus{border-color:var(--tc-p);box-shadow:0 0 0 3px rgba(91,91,214,.14);outline:0}
html.tcu .main-content .form-control[disabled],html.tcu .main-content .form-control[readonly]{background:var(--tc-bg);color:var(--tc-m);border-color:var(--tc-b2)}
html.tcu .main-content .help-block,html.tcu .main-content .text-muted{color:var(--tc-m);font-size:12px}
html.tcu .main-content input[type=file].form-control{padding:6px 10px;height:auto}
html.tcu .main-content .input-group-addon{border:1.5px solid #dfe4ec;background:var(--tc-bg);color:var(--tc-m);border-radius:var(--tc-r2)}

/* ---------- tabs ---------- */
html.tcu .main-content .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;border:0;margin-bottom:var(--tc-gap);padding:5px;background:var(--tc-bg);border:1px solid var(--tc-b2);border-radius:12px}
html.tcu .main-content .nav-tabs>li{float:none;margin:0}
html.tcu .main-content .nav-tabs>li>a{margin:0;border:0!important;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--tc-m);background:transparent;line-height:1.5}
html.tcu .main-content .nav-tabs>li>a:hover{background:#fff;color:var(--tc-p)}
html.tcu .main-content .nav-tabs>li.active>a,html.tcu .main-content .nav-tabs>li.active>a:hover,html.tcu .main-content .nav-tabs>li.active>a:focus{background:#fff;color:var(--tc-p);box-shadow:0 1px 3px rgba(15,23,42,.1)}

/* ---------- alerts ---------- */
html.tcu .main-content .alert{border:1px solid transparent;border-right-width:4px;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.9;box-shadow:none}
html.tcu .main-content .alert-success{background:var(--tc-oks);border-color:#c7ecd4;border-right-color:var(--tc-ok);color:#14532d}
html.tcu .main-content .alert-info{background:var(--tc-ins);border-color:#cbe6f5;border-right-color:var(--tc-in);color:#0c4a6e}
html.tcu .main-content .alert-warning{background:var(--tc-was);border-color:#f7dfb6;border-right-color:var(--tc-wa);color:#7c2d12}
html.tcu .main-content .alert-danger{background:var(--tc-ers);border-color:#f6d0d0;border-right-color:var(--tc-er);color:#7f1d1d}
html.tcu .main-content .alert .btn{padding:4px 12px;font-size:12px}

/* ---------- status pills ---------- */
html.tcu .main-content .label.status,html.tcu .main-content .tcu-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1.5;white-space:nowrap;border:0;background:var(--tc-bg);color:var(--tc-m);opacity:1;float:none;margin:0}
html.tcu .main-content .label.status::before,html.tcu .main-content .tcu-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
html.tcu .main-content .label.status *{color:inherit!important}
html.tcu .main-content .status-active,html.tcu .main-content .status-paid,html.tcu .main-content .status-open,html.tcu .main-content .status-completed,html.tcu .main-content .status-accepted{background:var(--tc-oks)!important;color:var(--tc-ok)!important}
html.tcu .main-content .status-pending,html.tcu .main-content .status-unpaid,html.tcu .main-content .status-customer-reply,html.tcu .main-content .status-pending-transfer,html.tcu .main-content .status-draft,html.tcu .main-content .status-delivered,html.tcu .main-content .status-on-hold,html.tcu .main-content .status-in-progress{background:var(--tc-was)!important;color:var(--tc-wa)!important}
html.tcu .main-content .status-suspended,html.tcu .main-content .status-overdue,html.tcu .main-content .status-expired,html.tcu .main-content .status-fraud,html.tcu .main-content .status-dead,html.tcu .main-content .status-collections,html.tcu .main-content .status-refunded{background:var(--tc-ers)!important;color:var(--tc-er)!important}
html.tcu .main-content .status-answered{background:var(--tc-ins)!important;color:var(--tc-in)!important}
html.tcu .main-content .status-closed,html.tcu .main-content .status-cancelled,html.tcu .main-content .status-terminated,html.tcu .main-content .status-transferred-away,html.tcu .main-content .status-lost{background:#f1f3f7!important;color:#64748b!important}

/* ---------- data tables ---------- */
html.tcu .main-content .table-container,html.tcu .main-content .dataTables_wrapper{background:#fff;border:1px solid var(--tc-b);border-radius:var(--tc-r);box-shadow:var(--tc-sh);overflow:hidden}
html.tcu .main-content .table-container .dataTables_wrapper{border:0;box-shadow:none;border-radius:0}
html.tcu .main-content .dataTables_wrapper .listtable{border:0;margin:0;overflow-x:auto}
html.tcu .main-content .dataTables_wrapper .dataTables_filter,html.tcu .main-content .dataTables_wrapper .dataTables_info{padding:10px 14px;margin:0;font-size:12.5px;color:var(--tc-m)}
html.tcu .main-content .dataTables_wrapper .dataTables_filter input{height:38px;border:1.5px solid #dfe4ec;border-radius:var(--tc-r2);padding:6px 36px 6px 12px;box-shadow:none;background-position:right 12px center}
html.tcu .main-content .dataTables_wrapper .dataTables_filter input:focus{border-color:var(--tc-p);box-shadow:0 0 0 3px rgba(91,91,214,.14);outline:0}
html.tcu .main-content table.table-list,html.tcu .main-content .dataTables_wrapper table.table{width:100%!important;margin:0!important;border:0;border-collapse:collapse}
html.tcu .main-content table.table-list>thead>tr>th{position:relative;background:var(--tc-bg)!important;color:var(--tc-t)!important;font-size:12.5px;font-weight:800;padding:11px 12px!important;border:0;border-bottom:1px solid var(--tc-b)!important;border-left:1px solid var(--tc-b2)!important;text-align:center;white-space:nowrap}
html.tcu .main-content table.table-list>tbody>tr>td{padding:11px 12px!important;border:0;border-bottom:1px solid var(--tc-b2)!important;border-left:1px solid var(--tc-b2)!important;vertical-align:middle!important;font-size:13px;color:var(--tc-t);background:#fff!important;text-align:center;line-height:1.7}
html.tcu .main-content table.table-list>thead>tr>th:last-child,html.tcu .main-content table.table-list>tbody>tr>td:last-child{border-left:0!important}
html.tcu .main-content table.table-list>tbody>tr:last-child>td{border-bottom:0!important}
html.tcu .main-content table.table-list>tbody>tr{cursor:pointer;transition:background .12s}
html.tcu .main-content table.table-list>tbody>tr:hover>td{background:#fafaff!important}
html.tcu .main-content table.table-list>tbody>tr>td strong{color:var(--tc-h);font-weight:700}
html.tcu .main-content table.table-list>tbody>tr>td a{color:var(--tc-p)}
html.tcu .main-content table.table-list>tbody>tr>td .ticket-number{display:inline-block;font-weight:800;color:var(--tc-p);direction:ltr;margin-left:6px}
html.tcu .main-content table.table-list>tbody>tr>td .ticket-subject{color:var(--tc-h);font-weight:600}
html.tcu .main-content table.table-list>tbody>tr>td a.border-left{border:0!important;padding:0!important;display:block;text-align:right}
html.tcu .main-content table.table-list>tbody>tr>td.dataTables_empty{padding:34px 12px!important;color:var(--tc-m)}
html.tcu .main-content table.table-list>tbody img[src*="/ssl/"]{width:22px;height:auto;opacity:.75}
html.tcu .main-content .dataTables_wrapper .dataTables_paginate,html.tcu .main-content .dataTables_wrapper .dataTables_length{padding:10px 14px;margin:0}
html.tcu .main-content .dataTables_wrapper .table-container-footer,html.tcu .main-content .dataTables_wrapper .dataTables_paginate{background:transparent}
html.tcu .main-content .dataTables_wrapper .pagination{margin:0;display:inline-flex;gap:4px}
html.tcu .main-content .dataTables_wrapper .pagination>li>a,html.tcu .main-content .dataTables_wrapper .pagination>li>span{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:9px!important;border:1px solid var(--tc-b);color:var(--tc-t);font-weight:700;font-size:12.5px;margin:0;background:#fff}
html.tcu .main-content .dataTables_wrapper .pagination>.active>a{background:var(--tc-p);border-color:var(--tc-p);color:#fff}
html.tcu .main-content .dataTables_wrapper .pagination>.disabled>a{color:var(--tc-l);background:var(--tc-bg)}
html.tcu .main-content .dataTables_wrapper .dataTables_length select{height:34px;border:1.5px solid #dfe4ec;border-radius:9px;padding:0 8px}
html.tcu .main-content .dataTables_wrapper .dataTables_length label{color:var(--tc-m);font-weight:600}
html.tcu .main-content .dataTables_wrapper>div:last-child,html.tcu .main-content .dataTables_wrapper .dataTables_paginate{border-top:0}

/* plain tables inside content */
html.tcu .main-content .table:not(.table-list){border:1px solid var(--tc-b);border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff}
html.tcu .main-content .table:not(.table-list)>thead>tr>th{background:var(--tc-bg);color:var(--tc-t);font-weight:800;font-size:12.5px;border-bottom:1px solid var(--tc-b)!important;padding:10px 12px}
html.tcu .main-content .table:not(.table-list)>tbody>tr>td{border-top:1px solid var(--tc-b2);padding:10px 12px;font-size:13px;vertical-align:middle}

/* ---------- generic cards (panels inside content) ---------- */
html.tcu .main-content .panel:not(.panel-sidebar){border:1px solid var(--tc-b);border-radius:var(--tc-r);box-shadow:var(--tc-sh);overflow:hidden;background:#fff}
html.tcu .main-content .panel:not(.panel-sidebar)>.panel-heading{background:#fff;border-bottom:1px solid var(--tc-b2);padding:12px 16px;color:var(--tc-h)}
html.tcu .main-content .panel:not(.panel-sidebar)>.panel-heading .panel-title{font-size:14px;font-weight:800;color:var(--tc-h)}
html.tcu .main-content .panel:not(.panel-sidebar)>.panel-footer{background:var(--tc-bg);border-top:1px solid var(--tc-b2);padding:10px 16px}

/* =====================================================================
   DASHBOARD
   ===================================================================== */
/* stats */
html.tcu-p-clientareahome .cleinareahome-sevices-boxes{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--tc-gap);margin:var(--tc-gap) 0!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes::before,html.tcu-p-clientareahome .cleinareahome-sevices-boxes::after{display:none!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]{width:auto!important;float:none!important;padding:0!important;margin:0!important;min-width:0}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:empty{display:none}

html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;align-content:center;height:100%;min-height:84px!important;margin:0!important;padding:14px 16px!important;text-align:right!important;text-decoration:none!important;background:#fff!important;border:1px solid var(--tc-b)!important;border-radius:var(--tc-r)!important;box-shadow:var(--tc-sh)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a:hover{transform:translateY(-2px);border-color:var(--tc-pb)!important;box-shadow:0 14px 30px -18px rgba(91,91,214,.55)!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a>i{grid-row:1/3;width:48px!important;height:48px!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;font-size:24px!important;line-height:1!important;border-radius:13px!important;background:var(--tc-ps)!important;color:var(--tc-p)!important;position:static!important;box-shadow:none!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a>i::before{margin:0!important;font-size:24px!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a>.title{grid-column:2;grid-row:1;position:static!important;display:block!important;margin:0!important;padding:0!important;font-size:12.5px!important;font-weight:600!important;color:var(--tc-m)!important;white-space:normal;line-height:1.5;background:none!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]>a>.number{grid-column:2;grid-row:2;position:static!important;display:block!important;margin:0!important;padding:0!important;font-size:22px!important;font-weight:800!important;line-height:1.3!important;color:var(--tc-h)!important;background:none!important;border-radius:0!important;width:auto!important;height:auto!important;min-width:0!important;text-align:right!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(2)>a>i{background:#e6f6fa!important;color:#0891b2!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(3)>a>i{background:#fff4e0!important;color:#d97706!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(4)>a>i{background:#fdebf3!important;color:#db2777!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(5)>a>i{background:#f3ecfe!important;color:#7c3aed!important}
html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(5)>a>.number{font-size:15px!important;font-weight:800!important;color:var(--tc-p)!important}
html.tcu-p-clientareahome .invoices-elements-tringo{border-radius:var(--tc-r)!important;border:1px solid #f6d0d0!important;background:#fff!important;box-shadow:var(--tc-sh)!important}

/* quick actions (from taktaz_client_quick_actions hook) */
html.tcu .tqa-wrap{gap:var(--tc-gap)!important;margin:0 0 var(--tc-gap)!important}
html.tcu .tqa-card{border-radius:var(--tc-r)!important;padding:14px 16px!important;min-height:84px}

/* panels: two equal-height columns, row by row */
html.tcu-p-clientareahome .client-home-panels>.row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tc-gap);margin:0!important;align-items:stretch}
html.tcu-p-clientareahome .client-home-panels>.row::before,html.tcu-p-clientareahome .client-home-panels>.row::after{display:none!important}
html.tcu-p-clientareahome .client-home-panels>.row>[class*="col-"]{display:contents}
html.tcu-p-clientareahome .client-home-panels .panel{display:flex!important;flex-direction:column;padding:0!important;min-width:0;height:auto!important;margin:0!important;background:#fff!important;border:1px solid var(--tc-b)!important;border-radius:var(--tc-r)!important;box-shadow:var(--tc-sh)!important;overflow:hidden}
html.tcu-p-clientareahome .client-home-panels .panel>.panel-heading{display:flex!important;align-items:center;flex:none;padding:12px 16px!important;min-height:56px;background:#fff!important;border-bottom:1px solid var(--tc-b2)!important;border-radius:0!important}
html.tcu-p-clientareahome .client-home-panels .panel-title{display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:14px!important;font-weight:800!important;color:var(--tc-h)!important;line-height:1.5}
html.tcu-p-clientareahome .client-home-panels .panel-title .badge{background:var(--tc-ps);color:var(--tc-p);font-weight:800;border-radius:999px;padding:3px 8px;font-size:11px}
html.tcu-p-clientareahome .client-home-panels .panel-title .tcu-ico{flex:none;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--tc-ps);color:var(--tc-p)}
html.tcu-p-clientareahome .client-home-panels .panel-title .tcu-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html.tcu-p-clientareahome .client-home-panels .panel>.panel-body{flex:1 1 auto;padding:16px!important;font-size:13px;line-height:2;color:var(--tc-t)}
html.tcu-p-clientareahome .client-home-panels .panel>.panel-body p{padding:0!important;margin:0!important;font-size:13px!important;color:var(--tc-t)!important;font-weight:500!important}
html.tcu-p-clientareahome .client-home-panels .panel>.list-group{flex:1 1 auto;max-height:none!important;height:auto!important;overflow:visible!important;margin:0!important;border:0!important}
html.tcu-p-clientareahome .client-home-panels .panel>.list-group>.list-group-item:nth-child(n+6){display:none!important}
html.tcu-p-clientareahome .client-home-panels .panel>.list-group>.list-group-item{display:flex!important;align-items:center;gap:10px;min-height:56px;margin:0!important;padding:10px 16px!important;border:0!important;border-bottom:1px solid var(--tc-b2)!important;border-radius:0!important;background:#fff!important;color:var(--tc-t)!important;font-size:13px!important;font-weight:500;line-height:1.7;text-decoration:none!important;transition:background .12s}
html.tcu-p-clientareahome .client-home-panels .panel>.list-group>.list-group-item:last-child{border-bottom:0!important}
html.tcu-p-clientareahome .client-home-panels .panel>.list-group>a.list-group-item:hover{background:#fafaff!important}
html.tcu-p-clientareahome .client-home-panels .list-group-item>br{display:none}
html.tcu-p-clientareahome .client-home-panels .tcu-li-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html.tcu-p-clientareahome .client-home-panels .tcu-li-title{color:var(--tc-h);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.tcu-p-clientareahome .client-home-panels .tcu-li-title b{color:var(--tc-p);font-weight:800;direction:ltr;unicode-bidi:isolate;margin-left:4px}
html.tcu-p-clientareahome .client-home-panels .list-group-item small,html.tcu-p-clientareahome .client-home-panels .list-group-item .text-last-updated{font-size:11.5px!important;color:var(--tc-l)!important;font-weight:500!important}
html.tcu-p-clientareahome .client-home-panels .list-group-item>.label,html.tcu-p-clientareahome .client-home-panels .list-group-item .tcu-pill{order:2;flex:none;float:none!important;margin:0!important;opacity:1!important;font-size:11.5px!important;padding:4px 10px!important;font-weight:700!important}
/* services panel items */
html.tcu-p-clientareahome .client-home-panels .div-service-item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;cursor:pointer}
html.tcu-p-clientareahome .client-home-panels .div-service-name{order:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:right}
html.tcu-p-clientareahome .client-home-panels .div-service-name .font-weight-bold{color:var(--tc-h);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.tcu-p-clientareahome .client-home-panels .div-service-name .text-domain{background:var(--tc-bg)!important;color:var(--tc-m)!important;align-self:flex-start;max-width:100%;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--tc-m);background:var(--tc-bg);border:1px solid var(--tc-b2);border-radius:6px;padding:0 8px;line-height:1.9}
html.tcu-p-clientareahome .client-home-panels .div-service-name .text-domain:empty{display:none}
html.tcu-p-clientareahome .client-home-panels .div-service-status{order:2;flex:none;position:static!important;width:auto!important;margin:0!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label-placeholder{display:none!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label{display:inline-flex!important;align-items:center;gap:5px;padding:4px 10px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;line-height:1.5!important;opacity:1!important;width:auto!important;height:auto!important;min-width:0!important;text-indent:0!important;position:static!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label::before{content:""!important;display:block;width:6px!important;height:6px!important;border-radius:50%;background:currentColor!important;font-size:0!important;position:static!important;margin:0!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label::after{display:none!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label-success{background:var(--tc-oks)!important;color:var(--tc-ok)!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label-warning{background:var(--tc-was)!important;color:var(--tc-wa)!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label-danger{background:var(--tc-ers)!important;color:var(--tc-er)!important}
html.tcu-p-clientareahome .client-home-panels .div-service-status .label-default,html.tcu-p-clientareahome .client-home-panels .div-service-status .label-info{background:#f1f3f7!important;color:#64748b!important}
html.tcu-p-clientareahome .client-home-panels .div-service-buttons{order:3;flex:none}
html.tcu-p-clientareahome .client-home-panels .div-service-buttons .btn{display:none}
/* panel footer */
html.tcu-p-clientareahome .client-home-panels .panel-footer-area{flex:none;margin-top:auto!important;display:flex;justify-content:flex-start;gap:8px;padding:10px 16px!important;margin-bottom:0!important;background:var(--tc-bg);border-top:1px solid var(--tc-b2);position:static!important}
html.tcu-p-clientareahome .client-home-panels .panel-footer-area:empty{display:none}
html.tcu-p-clientareahome .client-home-panels .panel-footer-area .btn{position:static!important;margin:0!important;padding:6px 14px!important;font-size:12.5px!important;font-weight:700!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--tc-pb)!important;color:var(--tc-p)!important;box-shadow:none!important}
html.tcu-p-clientareahome .client-home-panels .panel-footer-area .btn:hover{background:var(--tc-p)!important;border-color:var(--tc-p)!important;color:#fff!important}
/* register domain panel */
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .panel-body{display:flex;align-items:center}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel form{width:100%;margin:0}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group{display:flex!important;width:100%!important;gap:8px}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .form-control{flex:1;min-width:0;height:42px!important;border:1.5px solid #dfe4ec!important;border-radius:var(--tc-r2)!important;direction:ltr;text-align:left;box-shadow:none!important;float:none}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .form-control:focus{border-color:var(--tc-p)!important;box-shadow:0 0 0 3px rgba(91,91,214,.14)!important}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group-btn{display:flex!important;width:auto!important;gap:6px;background:none!important}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group-btn .btn{height:42px!important;padding:0 16px!important;border-radius:var(--tc-r2)!important;font-weight:700!important;font-size:13px!important;margin:0!important;border:1px solid var(--tc-b)!important;background:#fff!important;color:var(--tc-t)!important;box-shadow:none!important}
html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group-btn .btn:first-child,html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group-btn .btn-primary,html.tcu-p-clientareahome .client-home-panels #registerDomainPanel .input-group-btn .btn-success{background:var(--tc-p)!important;border-color:var(--tc-p)!important;color:#fff!important}

/* =====================================================================
   PRODUCT DETAILS
   ===================================================================== */
html.tcu-p-clientareaproductdetails .product-details>.row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--tc-gap);margin:0}
html.tcu-p-clientareaproductdetails .product-details>.row::before,html.tcu-p-clientareaproductdetails .product-details>.row::after{display:none}
html.tcu-p-clientareaproductdetails .product-details>.row>[class*="col-"]{width:auto;float:none;padding:0;min-width:0}
html.tcu-p-clientareaproductdetails .product-status{position:relative;margin:0 0 10px;padding:22px 16px 0;border:1px solid var(--tc-b);border-radius:var(--tc-r);background:linear-gradient(160deg,#f4f4ff 0%,#fff 60%);box-shadow:var(--tc-sh);overflow:hidden;text-align:center}
html.tcu-p-clientareaproductdetails .product-status .product-icon{padding:0 0 14px}
html.tcu-p-clientareaproductdetails .product-status .fa-stack{width:64px;height:64px;line-height:64px;font-size:22px}
html.tcu-p-clientareaproductdetails .product-status .fa-stack .fa-stack-2x{color:var(--tc-p);font-size:64px;opacity:.12}
html.tcu-p-clientareaproductdetails .product-status .fa-stack .fa-stack-1x{color:var(--tc-p)!important;line-height:64px}
html.tcu-p-clientareaproductdetails .product-status h3{margin:10px 0 4px;font-size:17px;font-weight:800;color:var(--tc-h)}
html.tcu-p-clientareaproductdetails .product-status h4{display:inline-block;margin:0;padding:3px 12px;border-radius:999px;background:var(--tc-ps);color:var(--tc-p);font-size:12px;font-weight:700}
html.tcu-p-clientareaproductdetails .product-status .product-status-text{margin:0 -16px;padding:9px;font-size:13px;font-weight:800;border-top:1px solid var(--tc-b2);background:#f1f3f7;color:#64748b}
html.tcu-p-clientareaproductdetails .product-status-active .product-status-text{background:var(--tc-oks);color:var(--tc-ok)}
html.tcu-p-clientareaproductdetails .product-status-pending .product-status-text{background:var(--tc-was);color:var(--tc-wa)}
html.tcu-p-clientareaproductdetails .product-status-suspended .product-status-text,html.tcu-p-clientareaproductdetails .product-status-terminated .product-status-text{background:var(--tc-ers);color:var(--tc-er)}
html.tcu-p-clientareaproductdetails .product-details>.row>[class*="col-"]:first-child>.row{display:flex;gap:8px;margin:0}
html.tcu-p-clientareaproductdetails .product-details>.row>[class*="col-"]:first-child>.row>[class*="col-"]{flex:1;width:auto;float:none;padding:0}
/* info list (built by JS from h4 + value pairs) */
html.tcu .tcu-kvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;text-align:right;align-content:start}
html.tcu .tcu-kv{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#fff;border:1px solid var(--tc-b);border-radius:12px;box-shadow:var(--tc-sh);min-width:0}
html.tcu .tcu-kv>h4,html.tcu .tcu-kv .tcu-k{margin:0!important;font-size:12px!important;font-weight:600!important;color:var(--tc-m)!important;line-height:1.6}
html.tcu .tcu-kv>h4 strong{font-weight:600}
html.tcu .tcu-kv .tcu-v{font-size:14px;font-weight:800;color:var(--tc-h);line-height:1.7;overflow-wrap:anywhere}
html.tcu .tcu-kv .tcu-v a{color:var(--tc-p)}
html.tcu-p-clientareaproductdetails .tab-content>.tab-pane>.nav-tabs,html.tcu-p-clientareaproductdetails ul.nav-tabs{margin-top:var(--tc-gap)}
html.tcu-p-clientareaproductdetails .tab-content.product-details-tab-container{padding:16px;border:1px solid var(--tc-b);border-radius:var(--tc-r);background:#fff;box-shadow:var(--tc-sh)}

/* =====================================================================
   DOMAIN DETAILS overview
   ===================================================================== */
html.tcu-p-clientareadomaindetails #tabOverview{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
html.tcu-p-clientareadomaindetails #tabOverview>*{grid-column:1/-1}
html.tcu-p-clientareadomaindetails #tabOverview>br{display:none}
html.tcu-p-clientareadomaindetails #tabOverview>.row{display:contents}
html.tcu-p-clientareadomaindetails #tabOverview>.row>[class*="col-"]{grid-column:auto;width:auto;float:none;margin:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#fff;border:1px solid var(--tc-b);border-radius:12px;box-shadow:var(--tc-sh);font-size:14px;font-weight:800;color:var(--tc-h);min-width:0;overflow-wrap:anywhere}
html.tcu-p-clientareadomaindetails #tabOverview>.row>[class*="col-"] h4{margin:0;font-size:12px;color:var(--tc-m)}
html.tcu-p-clientareadomaindetails #tabOverview>.row>[class*="col-"] h4 strong{font-weight:600}
html.tcu-p-clientareadomaindetails #tabOverview>.row>[class*="col-"] img{display:none}
html.tcu-p-clientareadomaindetails #tabOverview>h3,html.tcu-p-clientareadomaindetails .tab-pane>h3{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--tc-h)}
html.tcu-p-clientareadomaindetails #tabOverview>h4{margin:8px 0 0;font-size:14px;font-weight:800;color:var(--tc-h)}
html.tcu-p-clientareadomaindetails #tabOverview>ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
html.tcu-p-clientareadomaindetails #tabOverview>ul>li>a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--tc-r2);background:var(--tc-ps);border:1px solid var(--tc-pb);color:var(--tc-p);font-weight:700;font-size:13px}
html.tcu-p-clientareadomaindetails #tabOverview>ul>li>a:hover{background:var(--tc-p);color:#fff;text-decoration:none}
html.tcu-p-clientareadomaindetails .tab-pane h2.text-center{font-size:15px;font-weight:800}

/* =====================================================================
   VIEW TICKET
   ===================================================================== */
html.tcu-p-viewticket{--tc-font:iransans_medium,iransans,Tahoma,sans-serif}
/* summary card (built by JS) */
html.tcu-p-viewticket .tcu-tk{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 var(--tc-gap);padding:16px 18px;border:1px solid var(--tc-b);border-radius:var(--tc-r);background:linear-gradient(135deg,#f5f5ff 0%,#fff 55%);box-shadow:var(--tc-sh)}
html.tcu-p-viewticket .tcu-tk-ico{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tc-p),var(--tc-p2));color:#fff;box-shadow:0 8px 18px -10px rgba(91,91,214,.9)}
html.tcu-p-viewticket .tcu-tk-ico svg,html.tcu-p-viewticket .tcu-btn svg,html.tcu-p-viewticket .tcu-tk-meta svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html.tcu-p-viewticket .tcu-tk-ico svg{width:24px;height:24px}
html.tcu-p-viewticket .tcu-tk-main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:6px}
html.tcu-p-viewticket .tcu-tk-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;color:var(--tc-h);line-height:1.7;font-family:iransans_bold,iransans,Tahoma,sans-serif}
html.tcu-p-viewticket .tcu-tk-no{direction:ltr;unicode-bidi:isolate;font-size:12px;font-weight:800;color:var(--tc-p);background:#fff;border:1px solid var(--tc-pb);border-radius:8px;padding:1px 8px}
html.tcu-p-viewticket .tcu-tk-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--tc-m);font-family:var(--tc-font)}
html.tcu-p-viewticket .tcu-tk-meta>span{display:inline-flex;align-items:center;gap:5px}
html.tcu-p-viewticket .tcu-tk-meta b{color:var(--tc-t);font-weight:700}
html.tcu-p-viewticket .tcu-tk-meta svg{width:15px;height:15px;color:var(--tc-l)}
html.tcu-p-viewticket .tcu-tk-acts{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
html.tcu-p-viewticket .tcu-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--tc-r2);font-size:13px;font-weight:800;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,color .15s,box-shadow .15s;font-family:iransans_bold,iransans,Tahoma,sans-serif;white-space:nowrap}
html.tcu-p-viewticket .tcu-btn svg{width:17px;height:17px}
html.tcu-p-viewticket .tcu-btn-p{background:var(--tc-p);color:#fff!important}
html.tcu-p-viewticket .tcu-btn-p:hover{background:#4b4bc4;box-shadow:0 8px 18px -10px rgba(91,91,214,.9)}
html.tcu-p-viewticket .tcu-btn-d{background:#fff;border-color:#f3cccc;color:var(--tc-er)!important}
html.tcu-p-viewticket .tcu-btn-d:hover{background:var(--tc-er);border-color:var(--tc-er);color:#fff!important}
html.tcu-p-viewticket .tcu-tk .tcu-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1.5;white-space:nowrap}
html.tcu-p-viewticket .tcu-tk .tcu-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
html.tcu-p-viewticket .main-content .tcu-tk .tcu-prio{background:#f1f3f7;color:#475569}
html.tcu-p-viewticket .main-content .tcu-tk .tcu-prio-high{background:var(--tc-ers);color:var(--tc-er)}
html.tcu-p-viewticket .main-content .tcu-tk .tcu-prio-medium{background:var(--tc-was);color:var(--tc-wa)}
html.tcu-p-viewticket .main-content .tcu-tk .tcu-prio-low{background:var(--tc-oks);color:var(--tc-ok)}

/* reply form */
html.tcu-p-viewticket .main-content>.panel.panel-collapsable{margin:0 0 var(--tc-gap);border:1px solid var(--tc-pb);border-radius:var(--tc-r);box-shadow:var(--tc-sh);overflow:hidden;background:#fff}
html.tcu-p-viewticket .main-content>.panel.panel-collapsable>.panel-heading{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--tc-ps)!important;border:0;cursor:pointer;color:var(--tc-p)}
html.tcu-p-viewticket .main-content>.panel.panel-collapsable>.panel-heading .panel-title{flex:1;order:1;margin:0;font-size:14px;font-weight:800;color:var(--tc-p);font-family:iransans_bold,iransans,Tahoma,sans-serif}
html.tcu-p-viewticket .main-content>.panel.panel-collapsable>.panel-heading .collapse-icon{order:2;float:none!important;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--tc-p);font-size:12px}
html.tcu-p-viewticket .main-content>.panel.panel-collapsable>.panel-body{padding:16px;border-top:1px solid var(--tc-pb)}
html.tcu-p-viewticket .main-content>.panel.panel-collapsable .form-group.text-center{display:flex;justify-content:flex-start;gap:8px;margin:6px 0 0}
html.tcu-p-viewticket .md-editor{border:1.5px solid #dfe4ec;border-radius:var(--tc-r2);overflow:hidden;box-shadow:none}
html.tcu-p-viewticket .md-editor.active{border-color:var(--tc-p);box-shadow:0 0 0 3px rgba(91,91,214,.14)}
html.tcu-p-viewticket .md-editor>.md-header{background:var(--tc-bg);border-bottom:1px solid var(--tc-b2);padding:6px}
html.tcu-p-viewticket .md-editor>.md-header .btn{border-radius:8px!important;padding:5px 9px;margin:0 2px}
html.tcu-p-viewticket .md-editor>textarea{border:0!important;box-shadow:none!important;border-radius:0!important;font-family:var(--tc-font);font-size:14px;line-height:2;padding:12px 14px}
html.tcu-p-viewticket .md-editor>.md-footer{background:var(--tc-bg);border-top:1px solid var(--tc-b2);font-size:11.5px;color:var(--tc-m)}

/* thread */
html.tcu-p-viewticket .tcu-thread-h{display:flex;align-items:center;gap:8px;margin:4px 0 10px;font-size:13px;font-weight:800;color:var(--tc-m);font-family:iransans_bold,iransans,Tahoma,sans-serif}
html.tcu-p-viewticket .tcu-thread-h::after{content:"";flex:1;height:1px;background:var(--tc-b)}
html.tcu-p-viewticket .ticket-reply-coodiv{position:relative;display:block;margin:0 0 12px!important;border:1px solid var(--tc-b)!important;border-radius:var(--tc-r);background:#fff;box-shadow:var(--tc-sh);overflow:hidden}
html.tcu-p-viewticket .ticket-reply-coodiv{margin-left:0!important;margin-right:0!important}
html.tcu-p-viewticket .ticket-reply-coodiv.staff{border-color:var(--tc-pb)!important}
html.tcu-p-viewticket .ticket-reply-coodiv.staff::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:linear-gradient(180deg,var(--tc-p),var(--tc-p2))}
html.tcu-p-viewticket .ticket-reply-coodiv .user{float:none!important;display:flex!important;align-items:center;gap:10px;width:auto!important;padding:10px 16px!important;background:var(--tc-bg)!important;border-bottom:1px solid var(--tc-b2)}
html.tcu-p-viewticket .ticket-reply-coodiv.staff .user{background:#f6f6ff!important;border-bottom-color:#e9eafc}
html.tcu-p-viewticket .ticket-reply-coodiv .user img{float:none!important;flex:none;width:36px!important;height:36px!important;max-width:none!important;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--tc-b)}
html.tcu-p-viewticket .ticket-reply-coodiv .user .name{float:none!important;white-space:nowrap;min-width:0;display:inline-flex;align-items:center;gap:8px;padding:0!important;font-size:14px!important;font-weight:800!important;color:var(--tc-h)!important;font-family:iransans_bold,iransans,Tahoma,sans-serif}
html.tcu-p-viewticket .ticket-reply-coodiv .user .name .label{display:inline-flex;align-items:center;padding:2px 9px!important;border-radius:999px;font-size:11px!important;font-weight:700!important;line-height:1.6;background:#eef0f4!important;color:#475569!important;opacity:1}
html.tcu-p-viewticket .ticket-reply-coodiv.staff .user .name .label{background:var(--tc-p)!important;color:#fff!important}
html.tcu-p-viewticket .ticket-reply-coodiv .user .type{display:none!important}
html.tcu-p-viewticket .ticket-reply-coodiv .user .date{float:none!important;white-space:nowrap;background:none!important;margin-right:auto;padding:0!important;display:inline-flex;align-items:center;gap:5px;font-size:12px!important;color:var(--tc-m)!important;font-family:var(--tc-font)}
html.tcu-p-viewticket .ticket-reply-coodiv .message{display:block!important;width:auto!important;margin:0!important;padding:14px 18px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;text-align:right!important;font-size:14px!important;line-height:2.15!important;color:var(--tc-t)!important;font-weight:400!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message,html.tcu-p-viewticket .ticket-reply-coodiv .message p,html.tcu-p-viewticket .ticket-reply-coodiv .message li,html.tcu-p-viewticket .ticket-reply-coodiv .message span,html.tcu-p-viewticket .ticket-reply-coodiv .message div,html.tcu-p-viewticket .ticket-reply-coodiv .message td,html.tcu-p-viewticket .ticket-reply-coodiv .message a{font-family:var(--tc-font)!important;font-weight:400!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message strong,html.tcu-p-viewticket .ticket-reply-coodiv .message b,html.tcu-p-viewticket .ticket-reply-coodiv .message h1,html.tcu-p-viewticket .ticket-reply-coodiv .message h2,html.tcu-p-viewticket .ticket-reply-coodiv .message h3,html.tcu-p-viewticket .ticket-reply-coodiv .message h4{font-family:iransans_bold,iransans,Tahoma,sans-serif!important;font-weight:700!important;color:var(--tc-h)!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message p{margin:0 0 8px!important;padding:0!important;font-size:14px!important;color:var(--tc-t)!important;text-align:right!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message p:last-child{margin-bottom:0!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message ul,html.tcu-p-viewticket .ticket-reply-coodiv .message ol{margin:4px 0 10px;padding:0 22px 0 0}
html.tcu-p-viewticket .ticket-reply-coodiv .message li{margin:2px 0}
html.tcu-p-viewticket .ticket-reply-coodiv .message a{color:var(--tc-p)!important;text-decoration:underline;text-underline-offset:3px}
html.tcu-p-viewticket .ticket-reply-coodiv .message pre{direction:ltr;text-align:left;margin:6px 0 10px;padding:12px 14px;border-radius:10px;background:#0f172a!important;color:#e2e8f0!important;border:0;font-size:12.5px;line-height:1.8;white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;overflow-x:auto;max-width:100%}
html.tcu-p-viewticket .ticket-reply-coodiv .message pre code,html.tcu-p-viewticket .ticket-reply-coodiv .message code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;background:transparent;color:inherit;padding:0}
html.tcu-p-viewticket .ticket-reply-coodiv .message :not(pre)>code{direction:ltr;unicode-bidi:isolate;padding:1px 6px;border-radius:6px;background:var(--tc-bg)!important;color:#be185d;font-size:12.5px}
html.tcu-p-viewticket .ticket-reply-coodiv .message blockquote{margin:6px 0 10px;padding:8px 14px;border:0;border-right:3px solid var(--tc-pb);background:var(--tc-bg)!important;border-radius:8px;font-size:13.5px}
html.tcu-p-viewticket .ticket-reply-coodiv .message hr{margin:12px 0;border-top:1px solid var(--tc-b2)}
html.tcu-p-viewticket .ticket-reply-coodiv .message img{max-width:100%;height:auto;border-radius:10px}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments{margin:12px 0 0;padding:10px 12px!important;border:1px dashed var(--tc-b);border-radius:12px;background:var(--tc-bg)!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments>strong{display:block;margin-bottom:6px;font-size:12px!important;color:var(--tc-m)!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0!important}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments li{margin:0;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9px;background:#fff;border:1px solid var(--tc-b);font-size:12.5px}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments li i{color:var(--tc-p)}
html.tcu-p-viewticket .ticket-reply-coodiv .message .attachments li a{text-decoration:none;direction:ltr;unicode-bidi:isolate}
html.tcu-p-viewticket .ticket-reply-coodiv .message>.clearfix{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px -18px -14px;padding:8px 18px;border-top:1px solid var(--tc-b2);background:#fcfcff}
html.tcu-p-viewticket .ticket-reply-coodiv .message>.clearfix::before{content:"به این پاسخ امتیاز دهید";font-size:12px;color:var(--tc-m);font-family:var(--tc-font)}
html.tcu-p-viewticket .ticket-reply-coodiv .message>.clearfix::after{display:none}
html.tcu-p-viewticket .ticket-reply-coodiv .rating,html.tcu-p-viewticket .ticket-reply-coodiv .rating-done{float:none!important;padding:0!important;font-size:15px!important;line-height:1}
html.tcu-p-viewticket .ticket-reply-coodiv .message span.star{font-family:"Font Awesome 5 Pro"!important;font-weight:400!important;cursor:pointer;padding:0 1px}
html.tcu-p-viewticket .ticket-reply-coodiv .message .tcu-gap{display:block;height:8px}
html.tcu-p-viewticket .ticket-reply-coodiv .rating span.star:hover:before,html.tcu-p-viewticket .ticket-reply-coodiv .rating span.star:hover~span.star:before,html.tcu-p-viewticket .ticket-reply-coodiv .rating-done span.star.active:before{color:#f59e0b!important}
html.tcu-p-viewticket .ticket-reply-coodiv .rating span.star:before,html.tcu-p-viewticket .ticket-reply-coodiv .rating-done span.star:before{color:#d6dae3}

/* =====================================================================
   mobile
   ===================================================================== */
@media (max-width:1199px){
  html.tcu-p-clientareahome .cleinareahome-sevices-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
  html.tcu-p-clientareaproductdetails .product-details>.row{grid-template-columns:1fr}
}
@media (max-width:767px){
  html.tcu{--tc-gap:12px}
  html.tcu-p-viewticket .ticket-reply-coodiv:not(.staff),html.tcu-p-viewticket .ticket-reply-coodiv.staff{margin-left:0!important;margin-right:0!important}
  html.tcu-p-viewticket .tcu-tk-acts{width:100%;margin:0}
  html.tcu-p-viewticket .ticket-reply-coodiv .user{flex-wrap:wrap;gap:4px 10px;padding:10px 12px!important}
  html.tcu-p-viewticket .ticket-reply-coodiv .user .date{font-size:11.5px!important}
  html.tcu-p-viewticket .ticket-reply-coodiv .user img{width:32px!important;height:32px!important}
  html.tcu-p-viewticket .tcu-tk-acts .tcu-btn{flex:1;justify-content:center}
  html.tcu-p-viewticket .ticket-reply-coodiv .message{padding:12px 14px!important}
  html.tcu-p-viewticket .ticket-reply-coodiv .message>.clearfix{margin:12px -14px -12px;padding:8px 14px}
  html.tcu-p-clientareahome .cleinareahome-sevices-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-child(5):last-child,html.tcu-p-clientareahome .cleinareahome-sevices-boxes>[class*="col-"]:nth-last-child(2):nth-child(5){grid-column:1/-1}
  html.tcu-p-clientareahome .client-home-panels>.row{grid-template-columns:1fr}
  html.tcu #main-body .header-lined{padding:12px 14px}
  html.tcu .tcu-kvs{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.tcu-p-clientareadomaindetails #tabOverview{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.tcu .main-content .dataTables_wrapper .dataTables_filter,html.tcu .main-content .dataTables_wrapper .dataTables_info{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){html.tcu *{transition:none!important}}

/* ---- fixes v2 ---- */
html.tcu-p-clientareadomaindetails #tabOverview::before,html.tcu-p-clientareadomaindetails #tabOverview::after,html.tcu-p-clientareadomaindetails #tabOverview>.row::before,html.tcu-p-clientareadomaindetails #tabOverview>.row::after{display:none!important}
html.tcu-p-clientareadomaindetails #tabOverview>.row>[class*="col-"]{margin:0!important}
html.tcu-p-clientareaproductdetails .product-status .product-icon{background:transparent!important;padding:0 0 14px!important;margin:0!important;box-shadow:none!important}
html.tcu-p-clientareaproductdetails .product-status .product-icon h3,html.tcu-p-clientareaproductdetails .product-status .product-icon h4{position:static!important;transform:none!important;width:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
html.tcu-p-clientareaproductdetails .product-status .product-icon h3{display:block;background:none!important;color:var(--tc-h)!important;padding:0!important;font-size:17px!important}
html.tcu-p-clientareaproductdetails .product-status .product-icon h4{display:inline-block!important;background:var(--tc-ps)!important;color:var(--tc-p)!important;padding:3px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}
html.tcu-p-clientareaproductdetails .product-status .fa-stack{display:inline-block!important;margin:0 auto!important}
html.tcu-p-clientareaproductdetails .product-details>.row>[class*="col-"]:first-child>.row>[class*="col-"]{padding:0!important;margin:0!important}
html.tcu-p-clientareaproductdetails .product-details>.row>[class*="col-"]:first-child .btn{margin:0!important;width:100%}
html.tcu .main-content .dataTables_wrapper .dataTables_filter{float:none;display:flex;justify-content:flex-start}
html.tcu .main-content .dataTables_wrapper .dataTables_filter label{margin:0}
html.tcu .main-content .dataTables_wrapper .table-container-footer,html.tcu .main-content .dataTables_wrapper>.dataTables_paginate,html.tcu .main-content .dataTables_wrapper>.dataTables_length{min-height:0}

/* ---- fixes v3 ---- */
html.tcu .main-content input[type=checkbox],html.tcu .main-content input[type=radio]{accent-color:var(--tc-p)}
html.tcu .main-content .checkbox-inline input[type=checkbox],html.tcu .main-content .radio-inline input[type=radio]{position:static!important;margin:0!important;float:none!important}
html.tcu .main-content .checkbox-inline,html.tcu .main-content .radio-inline{display:inline-flex;align-items:center;gap:6px;padding:0!important}
html.tcu .main-content .customback{height:auto!important;padding:12px 14px!important;background:var(--tc-bg)!important;border:1px solid var(--tc-b2);border-radius:12px!important;font-size:13px;line-height:1.9}
html.tcu .main-content .notification-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px!important}
html.tcu .main-content .notification-options .checkbox-inline{margin:0!important;display:block}
html.tcu .main-content .notification-options label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 12px;border:1.5px solid #dfe4ec;border-radius:10px;background:#fff;cursor:pointer;font-weight:700!important;font-size:12.5px;color:var(--tc-t)}
html.tcu .main-content .notification-options label:has(input:checked){border-color:var(--tc-p);background:var(--tc-ps);color:var(--tc-p)}
html.tcu-p-clientareaproductdetails .product-status .product-icon{display:flex!important;flex-direction:column;align-items:center;gap:6px;height:auto!important;min-height:0!important}
html.tcu-p-clientareaproductdetails .product-status .fa-stack{position:relative!important;top:auto!important;flex:none}
html.tcu-p-clientareaproductdetails .product-status .product-icon h3{margin:4px 0 0!important}
html.tcu-p-clientareahome .client-home-panels .panel-footer-area.tcu-empty{display:none!important}
@media (max-width:767px){
  html.tcu .main-content .table:not(.table-list){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  html.tcu .main-content .notification-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html.tcu-p-viewticket .ticket-reply-coodiv .message pre code{white-space:inherit!important;word-break:inherit;display:block}
html.tcu-p-viewticket .ticket-reply-coodiv .user .name .label{position:static!important;top:auto!important;vertical-align:middle;margin:0!important}